学习函数知识

pink大呲花

已于 2024-10-09 21:39:32 修改

阅读量278

点赞数 5

文章标签：学习前端 javascript

于 2024-10-09 21:38:13 首次发布

本文链接：https://blog.csdn.net/BANaanaa/article/details/142797164

版权

学习函数是编程中的重要基础，以下是关于函数的详细知识点：

1. 函数的定义

函数是一组执行特定任务的代码块，可以重复使用。

在 JavaScript 中，可以通过以下方式定义函数：

函数声明：

function functionName(parameters) {
    // 函数体
}

函数表达式：

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

箭头函数（ES6 引入）：

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

2. 参数与参数默认值

参数：函数可以接受输入，当调用函数时，可以传递参数。
```
function greet(name = 'Guest') {
    console.log(`Hello, ${name}!`);
}
```

3. 返回值

函数可以返回一个值，使用 return 语句。
```
function add(a, b) {
    return a + b;
}
```

4. 作用域

局部作用域：在函数内部定义的变量，外部无法访问。
全局作用域：在函数外部定义的变量，任何地方都可以访问。

5. 闭包

闭包是函数与其词法环境的组合，即使外部函数已经执行完毕，内部函数仍然可以访问外部函数的变量。

function outer() {
    let count = 0;
    return function inner() {
        count++;
        return count;
    };
}
const counter = outer();
console.log(counter()); // 1
console.log(counter()); // 2

6. 高阶函数

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

function createMultiplier(multiplier) {
    return function(x) {
        return x * multiplier;
    };
}
const double = createMultiplier(2);
console.log(double(5)); // 10

7. 回调函数

回调函数是被作为参数传递给另一个函数的函数，通常用于异步操作。

function fetchData(callback) {
    setTimeout(() => {
        callback("Data received");
    }, 1000);
}
fetchData((data) => {
    console.log(data); // "Data received"
});

8. IIFE（立即调用的函数表达式）

IIFE 是在定义后立即执行的函数，常用于创建局部作用域。
```
(function() {
    console.log("This is an IIFE");
})();
```

9. 函数的重载

JavaScript 不支持函数重载，但可以通过检查参数数量和类型实现类似的效果。

function example() {
    if (arguments.length === 1) {
        return arguments[0];
    } else if (arguments.length === 2) {
        return arguments[0] + arguments[1];
    }
}