JS 基础：函数

2024-02-09 20:14:57

函数：JavaScript 代码组织的核心

函数是 JavaScript 中代码组织的关键部分，它们是独立的代码块，可以重复使用。函数通过提高代码的可重用性和逻辑组织性，在提高程序效率方面发挥着至关重要的作用。

函数语法：赋予函数生命

JavaScript 中的函数使用 function 定义。函数名称后面是参数列表，用括号括起来，而函数体（要执行的代码）则用花括号括起来。

function sayHello() {
  console.log('你好，世界！');
}

sayHello(); // 输出：你好，世界！

函数类型：灵活的代码构建块

JavaScript 中有两种类型的函数：

声明函数： 使用 function 关键字声明的函数，例如上述 sayHello 函数。
匿名函数： 没有名称的函数，通常使用箭头函数语法（=>）定义，例如：

const multiply = (a, b) => a * b;

console.log(multiply(2, 3)); // 输出：6

函数作用域：变量访问的边界

函数的作用域定义了函数内可访问的变量集合。该作用域由函数定义时的词法环境决定，包括函数内部定义的变量（局部变量）和函数外部定义的变量（自由变量）。

函数的应用：从代码重用到逻辑组织

函数广泛用于以下方面：

代码重用： 函数允许在不同代码片段中重复使用相同的代码，避免重复编写。
效率提升： 通过将复杂任务分解成较小的子任务，函数提高了程序的执行效率。
代码组织： 函数有助于将代码划分为不同模块，使代码更易于管理和维护。

函数示例：代码实现

以下是一些函数示例，展示了函数的实际应用：

求和：

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

console.log(add(1, 2)); // 输出：3

数组最大值：

function max(arr) {
  let max = arr[0];
  for (let i = 1; i < arr.length; i++) {
    if (arr[i] > max) {
      max = arr[i];
    }
  }
  return max;
}

console.log(max([1, 2, 3, 4, 5])); // 输出：5

数组元素乘以 2：

function multiplyByTwo(arr) {
  for (let i = 0; i < arr.length; i++) {
    arr[i] *= 2;
  }
  return arr;
}

console.log(multiplyByTwo([1, 2, 3, 4, 5])); // 输出：[2, 4, 6, 8, 10]