Function AOP 装饰

在通常使用函数是,常常能用到装饰,AOP切片是编程

/*
 * @Descripttion: 
 * @Author: junhuafly
 * @Date: 2019-12-23 13:51:58
 * @LastEditors  : junhuafly
 * @Email: junhuafly@163.com
 * @LastEditTime : 2019-12-23 14:00:31
 */
Function.prototype.first = function(first) {
    let _this = this;
    return function () {
        first.apply(this, arguments)  // 修正this 指向
        return _this.apply(this,arguments) // 返回原函数
    }
}
Function.prototype.end = function(end) {
    let _this = this;
    return function () {
        const _res = _this.apply(this, arguments);
        end.apply(this, arguments)
        return _res;
    }
}

var fun = function () { 
    console.log(2)
}
fun.first(function () {
    console.log(1)
}).end(function () {
    console.log(3)
})() // 输出1,2,3
以上就是切片内容了

针对上面的代码内容,再补充一点,我们在写end的时候为何不直接返回_res变量,是因为若是先执行end.apply(this,arguments) 然后直接返回_this.apply(this,arguments)的话这里会优先执行该操作,故而要先用变量存储,待执行end操作之后再返回原函数

百度已收录
分享