JavaScript基础-函数（完整版）

在JavaScript中，函数是一个非常重要的概念，它是封装一组操作的代码块，可以重复执行，提升代码的重用性和可读性。理解函数的定义、调用以及作用域等是掌握JavaScript的基础。本文将详细介绍JavaScript中的函数，并给出相应的代码示例。

1. 函数的定义

在JavaScript中，函数可以通过多种方式定义，包括函数声明、函数表达式和箭头函数。

1.1 函数声明

函数声明的基本语法如下：

function 函数名(参数1, 参数2, ...) {
    // 函数体
    return 返回值;
}

示例：

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

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

1.2 函数表达式

函数表达式是将一个函数赋值给一个变量，基本语法如下：

const 函数名 = function(参数1, 参数2, ...) {
    // 函数体
    return 返回值;
};

示例：

const multiply = function(x, y) {
    return x * y;
};

console.log(multiply(4, 5)); // 输出：20

1.3 箭头函数

箭头函数是ES6中引入的一种新语法，通常用于简化函数的书写形式：

const 函数名 = (参数1, 参数2, ...) => {
    // 函数体
    return 返回值;
};

示例：

const divide = (a, b) => {
    return a / b;
};

console.log(divide(10, 2)); // 输出：5

2. 函数的参数

JavaScript中的函数可以接收多个参数。在函数内，我们可以通过arguments对象访问这些参数。arguments是一个类数组对象，包含传递给函数的所有参数。

示例：

function printArguments() {
    for (let i = 0; i < arguments.length; i++) {
        console.log(arguments[i]);
    }
}

printArguments('hello', 'world', 2023); 
// 输出：
// hello
// world
// 2023

3. 默认参数

在ES6中，可以为函数参数设置默认值。如果调用函数时没有提供该参数，则使用默认值。

示例：

function greet(name = 'Guest') {
    console.log(`Hello, ${name}!`);
}

greet(); // 输出：Hello, Guest!
greet('Alice'); // 输出：Hello, Alice!

4. 返回值

函数可以通过return关键字返回值。如果没有指定返回值，则默认返回undefined。

示例：

function checkEven(num) {
    if (num % 2 === 0) {
        return true;
    }
    return false;
}

console.log(checkEven(4)); // 输出：true
console.log(checkEven(5)); // 输出：false

5. 函数的作用域

函数的作用域是指变量的可访问范围。在JavaScript中，函数内部可以访问外部作用域的变量，但外部无法访问内部变量。

示例：

function outerFunction() {
    const outerVar = 'I am from outer function';

    function innerFunction() {
        console.log(outerVar); // 可以访问外部变量
    }

    innerFunction();
}

outerFunction(); // 输出：I am from outer function
// console.log(outerVar); // 报错：ReferenceError: outerVar is not defined

6. 匿名函数与自执行函数

匿名函数是没有名称的函数，通常用作回调函数。自执行函数在定义后立即执行，语法如下：

(function() {
    // 函数体
})();

示例：

(function() {
    console.log('This is an immediately invoked function expression (IIFE)');
})();

总结

了解函数的基本概念和用法对于掌握JavaScript编程至关重要。本文介绍了函数的定义、参数、返回值及作用域等相关内容，并通过示例进行演示。掌握函数可以帮助我们编写更高效、可维护的代码。