函数与作用域¶

函数定义与调用¶

在JavaScript中，函数是执行特定任务的代码块。函数可以接受输入（称为参数），并返回输出（称为返回值）。函数的主要优点是可以重复使用代码，从而提高代码的可维护性和可读性。

1. 函数的基本概念¶

函数是JavaScript中的一等公民，这意味着它们可以像其他数据类型一样被传递、赋值和返回。函数通常用于封装一段逻辑，以便在需要时调用。

2. 函数的定义¶

在JavaScript中，函数可以通过多种方式定义。最常见的方式是使用function关键字。

2.1 使用`function`关键字定义函数¶

// 定义一个名为greet的函数
function greet(name) {
    // 函数体：打印问候语
    console.log("Hello, " + name + "!");
}

在这个例子中，我们定义了一个名为greet的函数，它接受一个参数name，并在控制台打印出问候语。

2.2 使用函数表达式定义函数¶

除了使用function关键字，我们还可以使用函数表达式来定义函数。

// 使用函数表达式定义一个名为greet的函数
const greet = function(name) {
    // 函数体：打印问候语
    console.log("Hello, " + name + "!");
};

在这个例子中，我们将一个匿名函数赋值给变量greet。这个函数与前面的例子功能相同。

2.3 使用箭头函数定义函数¶

ES6引入了箭头函数，它提供了一种更简洁的函数定义方式。

// 使用箭头函数定义一个名为greet的函数
const greet = (name) => {
    // 函数体：打印问候语
    console.log("Hello, " + name + "!");
};

箭头函数不仅语法简洁，而且在处理this关键字时与普通函数有所不同。

3. 函数的调用¶

定义函数后，我们可以通过函数名加括号的方式来调用它。

// 调用greet函数
greet("Alice"); // 输出: Hello, Alice!
greet("Bob");   // 输出: Hello, Bob!

在这个例子中，我们调用了greet函数两次，分别传入不同的参数。

4. 函数的返回值¶

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

// 定义一个返回两个数之和的函数
function add(a, b) {
    return a + b;
}

// 调用add函数并打印返回值
const result = add(3, 5);
console.log(result); // 输出: 8

在这个例子中，add函数返回两个参数的和。调用add(3, 5)后，返回值8被赋值给变量result。

5. 默认参数¶

ES6引入了默认参数的概念，允许我们在定义函数时为参数指定默认值。

// 定义一个带有默认参数的函数
function greet(name = "Guest") {
    console.log("Hello, " + name + "!");
}

// 调用greet函数
greet();        // 输出: Hello, Guest!
greet("Alice"); // 输出: Hello, Alice!

在这个例子中，如果调用greet函数时没有传入参数，name将使用默认值"Guest"。

6. 练习题¶

6.1 简单练习¶

定义一个名为multiply的函数，接受两个参数并返回它们的乘积。调用该函数并打印结果。

6.2 中等练习¶

定义一个名为isEven的函数，接受一个数字作为参数，并返回一个布尔值，表示该数字是否为偶数。调用该函数并打印结果。

6.3 复杂练习¶

定义一个名为factorial的函数，接受一个正整数作为参数，并返回该数的阶乘。调用该函数并打印结果。

7. 总结¶

函数是JavaScript中的一等公民，可以像其他数据类型一样被传递、赋值和返回。
函数可以通过function关键字、函数表达式或箭头函数来定义。
函数可以接受参数，并通过return语句返回值。
默认参数允许我们在定义函数时为参数指定默认值。
函数的调用通过函数名加括号的方式完成。

通过掌握函数的定义与调用，你将能够编写更加模块化和可重用的代码。继续练习并尝试解决更复杂的问题，以加深对函数的理解。