JavaScript 函数基础

函数是 JavaScript 中的基本构建块之一，它是一段可重复使用的代码块，可以接受输入（参数）并返回输出。

函数定义

1. 函数声明

function functionName(parameters) {
  // 函数体
  return result; // 可选
}

示例：

function greet(name) {
  return "Hello, " + name + "!";
}

2. 函数表达式

const functionName = function(parameters) {
  // 函数体
};

示例：

const greet = function(name) {
  return "Hello, " + name + "!";
};

3. 箭头函数 (ES6)

const functionName = (parameters) => {
  // 函数体
};

简写形式：

• 单个参数可省略括号
• 单行函数可省略大括号和 return

示例：

const greet = name => "Hello, " + name + "!";

函数调用

functionName(arguments);

示例：

const message = greet("Alice"); // "Hello, Alice!"

函数参数

默认参数 (ES6)

function greet(name = "Guest") {
  return "Hello, " + name + "!";
}

剩余参数 (ES6)

function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}

返回值

函数可以使用 return 语句返回值。如果没有 return 语句，函数返回 undefined。

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

const result = add(2, 3); // 5

作用域

函数有自己的作用域，内部变量在外部不可访问：

function example() {
  const localVar = "I'm local";
  console.log(localVar); // 可以访问
}

console.log(localVar); // 报错: localVar is not defined

高阶函数

可以接受其他函数作为参数或返回函数的函数：

// 接受函数作为参数
function operate(a, b, operation) {
  return operation(a, b);
}

const result = operate(5, 3, (x, y) => x * y); // 15

// 返回函数
function multiplier(factor) {
  return function(number) {
    return number * factor;
  };
}

const double = multiplier(2);
console.log(double(5)); // 10

立即调用函数表达式 (IIFE)

定义后立即执行的函数：

(function() {
  console.log("This runs immediately");
})();

递归函数

调用自身的函数：

function factorial(n) {
  if (n <= 1) return 1;
  return n * factorial(n - 1);
}

console.log(factorial(5)); // 120

这些是 JavaScript 函数的基础知识。函数是 JavaScript 中非常重要的概念，掌握好函数的使用对于编写高效、可维护的代码至关重要。