JavaScript如何实现AOP技术
费子濯
AOP即面向切面编程，把一些跟核心业务逻辑模块无关的功能抽离出来，如日志统计、安全控制、异常处理等。把它们抽离出来后，通过“动态织入”的方式掺入业务逻辑模块中。在Java中，可以通过反映和动态代理机制来实现AOP技术，而在JavaScript中实现AOP技术就是把一个函数“动态织入”另一个函数之中。以下通过Function.prototype来实现：
<!DOCTYPE html>
<title>hello world</title>
<script>
Function.prototype.before = function(beforefn){
var _self = this; // 保存原函数的引用
return function(){// 返回包含了原函数和新函数的代理函数
beforefn.apply(this,arguments);// 执行新函数
return _self.apply(this,arguments); // 执行原函数
};
}
Function.prototype.after = function(afterfn){
var _self = this; // 保存原函数的引用
return function(){ // 返回包含了原函数和新函数的代理函数
var ret = _self.apply(this,arguments); // 执行原函数
afterfn.apply(this,arguments); // 执行新函数
return ret;
};
}
var func = function(){
alert(2);
};
func = func.before(function(){
alert(1);
}).after(function(){
alert(3);
});
window.onload = function(){
func();
};
</script>
运行结果效果：依次弹出1 、2、3。
实现方式就是在函数func前后织入相应的函数。
谢谢阅读。
类似资料：