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]