JavaScript 函数

在 JavaScript 中，函数是一段可以执行特定任务的代码块。函数是编程中的核心概念，它允许你将代码组织成可重用的模块，从而提高代码的可读性和可维护性。本文将详细介绍 JavaScript 函数的基本语法、定义方式、调用方法以及高级特性。

1. 函数的基本语法

JavaScript 函数的基本语法如下：

function functionName(parameters) {
    // 函数体
    [return value];
}

• functionName：函数的名称，用于调用函数。
• parameters：函数的参数列表，用于接收传递给函数的值。参数是可选的，如果没有参数，可以省略参数列表。
• 函数体：包含要执行的代码块。
• return 语句：可选的，用于返回函数执行的结果。如果没有 return 语句，函数将返回 undefined。

2. 函数的定义方式

2.1 函数声明

使用 function 关键字定义函数，这是最常见的方式。

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

const result = add(2, 3);
console.log(result); // 输出: 5

2.2 函数表达式

将函数赋值给变量，这种方式定义的函数称为匿名函数（没有名称的函数）。

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

const result = add(2, 3);
console.log(result); // 输出: 5

2.3 箭头函数（ES6）

箭头函数提供了一种更简洁的方式来写函数表达式。

const add = (a, b) => {
    return a + b;
};

// 或者更简洁的写法，当函数体只有一个表达式时，可以省略花括号和 `return` 关键字
const add = (a, b) => a + b;

const result = add(2, 3);
console.log(result); // 输出: 5

3. 函数的调用

定义函数后，你可以通过函数名加上参数列表来调用它。

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

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

4. 函数的参数

函数参数是可选的，你可以在调用函数时传递任意数量的参数（尽管函数定义时指定了参数数量）。未传递的参数将默认为 undefined。

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

const result = multiply(4); // b 为 undefined，结果可能是 NaN（不是数字）
console.log(result); // 输出: NaN

// 为了避免这种情况，你可以为参数提供默认值（ES6）
function multiply(a, b = 1) {
    return a * b;
}

const resultWithDefault = multiply(4); // b 默认为 1
console.log(resultWithDefault); // 输出: 4

5. 函数的返回值

函数可以通过 return 语句返回一个值。如果没有 return 语句，函数将返回 undefined。

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

const fullName = getFullName("Alice", "Wonderland");
console.log(fullName); // 输出: Alice Wonderland

6. 高阶函数

高阶函数是指接收函数作为参数或返回函数的函数。

// 接收函数作为参数的函数
function greetWithFunction(name, greetFunc) {
    greetFunc(name);
}

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

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

// 返回函数的函数
function createGreeter(greeting) {
    return function(name) {
        console.log(greeting + ", " + name + "!");
    };
}

const sayHello = createGreeter("Hello");
sayHello("Alice"); // 输出: Hello, Alice!

7. 闭包

闭包是指函数能够记住并访问它的词法作用域（即定义它的作用域）中的变量，即使这个函数在词法作用域之外执行。

function createCounter() {
    const count = 0;
    return function() {
        count++;
        return count;
    };
}

const counter = createCounter();
console.log(counter()); // 输出: 1
console.log(counter()); // 输出: 2

总结

JavaScript 函数是编程中的核心概念，它允许你将代码组织成可重用的模块。通过理解函数的基本语法、定义方式、调用方法以及高级特性（如参数默认值、高阶函数和闭包），你可以编写出更加灵活和强大的代码。希望这篇教程能帮助你更好地理解和使用 JavaScript 函数。

本文地址：https://www.tides.cn/p_js-function