53 lines
1.1 KiB
JavaScript
53 lines
1.1 KiB
JavaScript
|
## 高阶函数
|
|||
|
|
|
|||
|
|
### 高阶函数的概念
|
|||
|
|
|
|||
|
|
当 函数 A 接收函数 B 作为**参数**，或者把函数 C 作为**返回值**输出时，我们称 函数 A 为高阶函数。
|
|||
|
|
|
|||
|
|
通俗来说，高阶函数是 对其他函数进行操作 的函数。
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 高阶函数举例1：把其他函数作为参数
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
function fn1(a, b, callback) {
|
|||
|
|
console.log(a + b);
|
|||
|
|
// 执行完上面的 console.log() 语句之后，再执行下面这个 callback 函数。也就是说，这个 callback 函数是最后执行的。
|
|||
|
|
callback && callback();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
fn1(10, 20, function () {
|
|||
|
|
console.log('我是最后执行的函数');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
|
|||
|
|
打印结果：
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
30
|
|||
|
|
我是最后执行的函数
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 高阶函数举例2：把其他区函数作为返回值
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
function fn1() {
|
|||
|
|
let a = 20;
|
|||
|
|
|
|||
|
|
return function () {
|
|||
|
|
console.log(a);
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const foo = fn1(); // 执行 fn1() 之后，会得到一个返回值。这个返回值是函数
|
|||
|
|
foo();
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
|
|||
|
|
上面的代码，产生了闭包现象。关于闭包，详见下一篇文章《JavaScript基础/闭包.md》。
|