在通常使用函数是,常常能用到装饰,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操作之后再返回原函数
百度已收录
Function AOP 装饰:等您坐沙发呢!