共计 1347 个字符,预计需要花费 4 分钟才能阅读完成。
js 实现 AOP,面向切面编程
面向切面编程 (AOP) 是 java 罕用编程思维,它的作用是在某个函数上进行切割,能够在函数执行前 / 中 / 后增加其余逻辑代码。
AOP 编程的益处是遵循繁多准则,不会批改原函数外部的代码就能够扭转原函数的逻辑。
js 中实现 AOP 应用 protoType
原型链,例如上面代码
/**
* 切入办法前
* @param {Function} fun 前置函数
* @returns
*/
Function.prototype.before = function(fun){
var self = this;// 保留被拦挡函数的 this
return function(){// 代理函数
fun.apply(this,arguments);
var agent = self.apply(this,arguments);// 返回代理函数
return agent;
}
}
/**
* 切入办法后
* @param {Function} fun 后置函数
* @returns
*/
Function.prototype.after = function(fun){
var self = this;// 保留被拦挡函数的 this
return function(){// 代理函数
var agent = self.apply(this,arguments);// 返回代理函数
fun.apply(this,arguments);
return agent;
}
}
// 业务代码
function logic(){console.log('业务代码');
}
// 切入
logic = logic.before(function(){console.log('切入前');
}).after(function(){console.log('切入后');
})
// 测试
logic();
下面办法通过返回一个代理函数的形式,奇妙的实现链式编程。
改良
如果不想净化 Function
的原型链,能够应用如下办法
/**
* 切入前
* @param {Function} fn 业务底阿妈
* @param {Function} beforeFn 前置函数
* @returns
*/
var before = function(fn, beforeFn){return function(){beforeFn.apply(this, arguments);
return fn.apply(this, arguments);
}
}
/**
* 切入后
* @param {Function} fn 业务底阿妈
* @param {Function} beforeFn 后置函数
* @returns
*/
var after = function(fn, afterFn){return function(){var agent = fn.apply(this, arguments);
afterFn.apply(this, arguments);
return agent;
}
}
var logic = function(){console.log('业务代码')
}
// 切入
logic = before(logic, function(){console.log('切入前代码')
})
logic = after(logic,function(){console.log('切入后')
})
logic();
参考文献
- JavaScript 设计模式与开发实际. 曾探. [D]
正文完