所谓AOP就是面向切面的编程,就是把一些与业务逻辑无关的功能模块抽离出啦,这个模块主要有:日志管理、安全控制、异常处理等等。
Java是通过反射和动态代理机制来实现AOP,Javascript可以通过函数”动态织入“来实现AOP,下面是一个例子:
Function.prototype.before = function(beforefn) {
var _self = this;
return function() {
// body...
beforefn.apply(this, arguments); //执行新函数,修正this
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() {
console.log(2);
}
func = func.before(function() {
console.log(1);
}).after(function() {
console.log(3);
})
func();//1,2,3
说实话,这段代码我看得有点头疼。主要是用了apply,同时还返回了函数,下面我来分析一下,以before为例
Function.prototype.before = function(beforefn) {
var _self = this;
return function() {
// body...
beforefn.apply(this, arguments); //执行新函数,修正this
return _self.apply(this, arguments); //执行新函数
}
}
var func = function() {
console.log(2);
}
func = func.before(function() {
console.log(1);
})
首先是说明,在函数Function.prototype上定义了两个方法before和after,那么所有函数对象都将继承Function的这个方法,因此声明了一个func函数,这个函数的原型就是Function,所以它得以继承before和after这两个方法。
接下来看before里面具体执行了什么:
明确this:使用_self保存了当前的this,这个this指的就是调用这个函数的对象func,而在返回函数中的beforefn.apply(this, arguments); 这个this指向的是全局,发现改成null也行 beforefn.apply(null, arguments); //执行新函数,修正this。null是指this指向宿主对象
因此这句话的意思beforefn.apply(this, arguments); //执行新函数,修正this, 这句话 return _self.apply(this, arguments); 就是返回原来调用beforefn的函数func。
大概就是这个意思,因为返回了_self,所以得以链式调用吧。
不过暂时不明白这个和AOP有什么关联,大概就是在一个函数上定义了执行前干什么和执行完毕干什么的区别?