10.3.1.函数语法 - JavaScript

在JavaScript中，函数是一种可以重复使用的代码块，它包含了一些语句，当被调用时会被执行。本文将向你介绍JavaScript函数的语法。

定义函数

JavaScript函数的定义包括以下几个部分：

1. 函数关键字 function；
2. 函数名，建议使用驼峰式命名法；
3. 参数列表，用括号包裹，用逗号分隔；
4. 函数体，用花括号包裹，里面包含了一系列语句。

下面是一个简单的示例：

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

这个函数名为 add，接受两个参数 a 和 b，返回它们的和。

调用函数

当你需要执行一个函数时，你可以通过函数名加参数列表的形式来调用它。例如：

let sum = add(1, 2);
console.log(sum); // 输出 3

这里我们调用了前面定义的 add 函数，并将结果赋值给变量 sum。

函数参数

函数可以接受任意数量的参数，包括零个。在函数内部，你可以使用这些参数来实现你的逻辑。以下是一个使用参数的例子：

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet('John'); // 输出 "Hello, John!"

这里定义了一个函数 greet，它接受一个名字参数 name，并使用 console.log 输出一条问候信息。

返回值

函数可以通过返回值来返回需要的结果。在函数结束时，如果你想要返回值，你可以使用 return 语句。

以下是一个返回两个数字之积的函数：

function multiply(a, b) {
  return a * b;
}

let product = multiply(2, 3);
console.log(product); // 输出 6

箭头函数

ES6 引入了一种新的函数语法：箭头函数。箭头函数提供了一种更加简洁的函数定义方式，并且在一些场景下也比传统函数更加方便。

以下是一个使用箭头函数的例子：

let add = (a, b) => a + b;

let sum = add(1, 2);
console.log(sum); // 输出 3

箭头函数只需要一个 => 符号连接参数列表和函数体即可。如果函数体只有一行代码，那么这行代码的结果会自动被返回。

总结

本文介绍了JavaScript函数的语法和使用方法，包括定义函数、调用函数、函数参数、返回值以及箭头函数。函数是JavaScript中非常重要的一个概念，相信通过本文的介绍，你已经能够熟练地使用函数了。