函数 Syntax in JavaScript

JavaScript 中的函数是一段可重复使用的代码块，它们接收输入、进行处理并返回输出。函数是编程中的基本构件，可以将代码分解成小的、可组合的片段，简化代码的阅读、测试和重构，从而提升代码质量和开发效率。

定义函数

函数可以使用 function 关键字进行定义，语法如下：

function functionName(parameter1, parameter2, parameter3) {
  // 函数体
}

其中：

• functionName 是函数的名称，可以是任意有效的标识符。
• parameter1、parameter2、parameter3 是函数的参数列表，用逗号分隔，可以是任意数量的参数，也可以没有参数。

函数体中的语句是函数的主要逻辑，它们可以访问和操作参数、变量和全局对象。函数可以使用 return 关键字返回一个值，也可以不返回任何值，返回值默认是 undefined。

下面是一个简单的示例：

function reverseString(str) {
  return str.split('').reverse().join('');
}

var s = 'hello';
var r = reverseString(s);
console.log(r); // 'olleh'

匿名函数

除了使用函数声明的方式， JavaScript 还支持使用匿名函数（即没有名称的函数）来定义函数。匿名函数通常用于在其他函数内部定义回调函数或构造闭包。

匿名函数的语法如下：

var functionName = function(parameter1, parameter2, parameter3) {
  // 函数体
};

其中：

• functionName 是函数的变量名，可以根据需要指定或省略。
• parameter1、parameter2、parameter3 是函数的参数列表。

下面是一个示例：

var numbers = [1, 2, 3, 4, 5];

var evenNumbers = numbers.filter(function(num) {
  return num % 2 == 0;
});

console.log(evenNumbers); // [2, 4]

该示例中，使用了匿名函数作为 filter 方法的回调函数，过滤出了数组 numbers 中的偶数元素。

函数调用

要调用函数，可以使用函数名和实参（即实际传递给函数的值）的组合。函数的实参可以是任意合法的 JavaScript 表达式，可以是常量、变量、表达式、函数调用等。

// 定义函数
function greet(name) {
  console.log('Hello, ' + name + '!');
}

// 调用函数
greet('Alice'); // "Hello, Alice!"
greet('Bob'); // "Hello, Bob!"

函数参数

函数的参数在函数定义时列出，并在函数调用时提供。函数的参数不能随意修改，在函数体内部它们是只读变量。

JavaScript 中的函数具有灵活的参数列表，可以接收任意长度和各种类型的参数。在函数体内部，可以使用 arguments 对象获取传递给函数的所有参数。

function sum() {
  var total = 0;
  for (var i = 0; i < arguments.length; i++) {
    total += arguments[i];
  }
  return total;
}

var result = sum(1, 2, 3, 4, 5);
console.log(result); // 15

默认参数值

在 ES6 引入的新特性中，可以为函数的参数设置默认值。这样在函数调用时，如果没有传递该参数或传递了 undefined 值，则会使用默认值。

function pow(x, y = 2) {
  return Math.pow(x, y);
}

console.log(pow(2)); // 4
console.log(pow(2, 3)); // 8

该示例中，函数 pow 的第二个参数设置了默认值 2。如果只传递一个参数，则函数将使用默认值计算平方；如果传递两个参数，则函数将使用传入的参数计算幂。

剩余参数

在 ES6 中，还引入了一种新的参数类型，即剩余参数。剩余参数用 ... 操作符表示，它可以将所有未命名参数“捆绑”在一起，成为一个参数数组。

function go(first, ...rest) {
  console.log('first:', first);
  console.log('rest:', rest);
}

go(1, 2, 3, 4);

运行该代码将输出如下结果：

first: 1
rest: [2, 3, 4]

该示例中，go 函数接收一个必需参数 first 和任意数量的剩余参数 rest，并将它们分别输出到控制台。

箭头函数

在 ES6 之后，还引入了一种新的函数定义方式，即箭头函数。箭头函数是一种更简洁的函数定义方式，它可以简化代码并提高开发效率。

var sum = (x, y) => x + y;

console.log(sum(1, 2)); // 3

箭头函数使用 => 语法表示，它可以更简洁地表达函数的主体部分。在大多数情况下，箭头函数可以按照与常规函数相同的方式使用。

闭包

闭包是一种组合函数和引用变量的机制，它可以在函数内部创建一个内部函数，并将其返回给外部。由于内部函数可以访问外部函数的变量，因此闭包可以捕获外部函数的状态并将其保留下来。

function outer() {
  var count = 0;
  return function() {
    count++;
    console.log(count);
  };
}

var counter = outer();
counter(); // 1
counter(); // 2
counter(); // 3

运行该代码将输出如下结果：

1
2
3

该示例中，outer 函数返回了一个内部函数，内部函数可以访问外部函数的局部变量 count 并将其修改，从而实现了一个计数器效果。

总结

函数是 JavaScript 中最基本的构件之一，它们可以分解代码、封装逻辑，并提供代码复用和测试的多种方式。函数可以使用 function 或箭头函数的语法进行定义，还支持默认参数值、剩余参数等语言特性。通过使用闭包，函数可以访问和保存外部变量的状态，从而实现更加灵活的编程。