【JS基础】高阶函数、AOP

1. 高阶函数

1. 高阶函数是指至少满足下列条件之一的函数。

• 函数作为参数传递给另一个函数
• 函数作为函数返回值输出

2. 函数作为参数传递：举例

function fn(callback) {
    callback()
}

fn(function() {
    console.log('函数作为参数传递');
})
1
2
3
4
5
6
7

3. 函数作为返回值输出：举例

function Fn(x) {
    return function(y) {
        return x + y
    }
}

console.log(Fn(2)(3)); // 5
1
2
3
4
5
6
7

2. AOP

1. AOP：不修改函数原来的功能，而在原有基础上，添加新的功能
2. 在JavaScript中实现AOP，都是指把一个函数“动态织入”到另外一个函数之中。
3. 举例：

Function.prototype.before = function(callback) {
    // 此处的this： Say
    var that = this
    return function() {
        // 此处的this： window
        // 新增的功能
        callback()
        // 原有基础功能
        that()
    }
}

function Say() {
    console.log('say hellooooo');
}

var sayBefore = Say.before(function() {
    console.log('周杰伦');
})

window.sayBefore() // 此处的this： window
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

注意：要在浏览器控制台打印

3. 参考

【JS】高阶函数之AOP切片编程