js 函数 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操作之后再返回原函数