如何像人类一样写JavaScript代码(包会)之函数参数和返回值

举报
人才程序员 发表于 2023/09/29 16:59:24 2023/09/29
【摘要】 @TOC 前言JavaScript作为一门广泛应用的编程语言,其函数参数和返回值是非常重要的概念。理解和熟练运用函数参数和返回值的知识,可以帮助开发者编写更为灵活和功能强大的代码。本文将介绍函数参数和返回值的基本概念,并提供一些示例代码来帮助读者更好地理解(让你成为一个真正的人类程序猿 一、函数参数:函数参数是函数定义时用来接收外部传入的值的变量。JavaScript函数参数具有灵活性,可以...

@TOC


前言

JavaScript作为一门广泛应用的编程语言,其函数参数和返回值是非常重要的概念。理解和熟练运用函数参数和返回值的知识,可以帮助开发者编写更为灵活和功能强大的代码。本文将介绍函数参数和返回值的基本概念,并提供一些示例代码来帮助读者更好地理解(让你成为一个真正的人类程序猿


一、函数参数:

函数参数是函数定义时用来接收外部传入的值的变量。JavaScript函数参数具有灵活性,可以传递任意类型的值,包括基本类型和对象。

1.1 示例代码一:不带参数的函数

function greet() {
  console.log("Hello, World!");
}

greet(); // 输出:"Hello, World!"

1.2 示例代码二:带一个参数的函数

function greet(name) {
  console.log("Hello, " + name + "!");
}

greet("Alice"); // 输出:"Hello, Alice!"

当有一个参数的时候,调用是这样的:functionName(参数)

1.3 示例代码三:带多个参数的函数

function addNumbers(a, b) {
  return a + b;
}

let result = addNumbers(3, 5);
console.log(result); // 输出:8

当函数有多个参数的时候,只需要这样调用函数:functionName(参数1,参数2…参数n)

二、函数返回值

函数返回值是函数执行完毕后返回给调用者的结果。JavaScript函数可以使用return语句返回一个值,也可以不返回任何值,此时返回值为undefined。

2.1 示例代码一:没有返回值的函数

function greet() {
  console.log("Hello, World!");
  // 没有return语句
}

let result = greet();
console.log(result); // 输出:undefined

2.2 示例代码二:带返回值的函数

function addNumbers(a, b) {
  return a + b;
}

let result = addNumbers(3, 5);
console.log(result); // 输出:8

2.3 示例代码三:返回对象的函数

function createPerson(name, age) {
  return {
    name: name,
    age: age
  };
}

let person = createPerson("Alice", 25);
console.log(person.name); // 输出:"Alice"
console.log(person.age); // 输出:25

三、函数参数的默认值:

JavaScript支持为函数参数设置默认值,当调用函数时没有传递该参数时,将使用默认值。这在部分参数值可选的场景下非常有用。
他的语法结构为:

function a(name = "Hello world")
{
	//code...
}

只需要使用"="把参数的值赋值上去就可以了,当不传参数的时候,他的值为你=后面的东西,如果你传参数,他就会变成你的传的那个值

3.1 示例代码一:设置参数的默认值

function greet(name = "World") {
  console.log("Hello, " + name + "!");
}

greet(); // 输出:"Hello, World!"
greet("Alice"); // 输出:"Hello, Alice!"

3.2 示例代码二:使用默认值的函数

function power(base, exponent = 2) {
  return Math.pow(base, exponent);
}

let result1 = power(3); // 使用默认的exponent值
console.log(result1); // 输出:9

let result2 = power(2, 4); // 传递自定义的exponent值
console.log(result2); // 输出:16

3.3 示例代码三:默认参数可以使用前面参数的值

function fullName(firstName, lastName = firstName) {
  return firstName + " " + lastName;
}

let result = fullName("Alice");
console.log(result); // 输出:"Alice Alice"

3.4 注意点

这个函数参数的默认值只能为最后n个加,你不能像下面这样加:

function a(name,age=12,body)
{
	//code...
}

这样就会有问题了!!!从而导致bug甚至是报错的出现!


总结

函数参数和返回值是编写JavaScript代码过程中至关重要的概念。通过合理使用函数参数,我们可以灵活地传递值给函数,从而实现不同的功能。而返回值则提供了函数运行完毕后返回结果的途径,帮助我们获取函数的执行结果。另外,了解和应用函数参数的默认值可以让我们编写更加健壮和易用的函数。

希望本文的介绍和示例代码能够帮助读者更好地理解和运用函数参数和返回值的概念,在编写JavaScript代码时能够写出更优雅、高效的函数。

now 现在您已经学会了JS函数的参数和返回值了,你开始在您亲爱的IDE开始像人类一样写JavaScript代码,并且非常熟练,我是人才程序猿,你们的人类JavaScript老师,我们下节课再见

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。