使用Function.prototype实现一个AOP

AOP应用比较广泛,在如今最为火热spring框架中,里面就用到了DI(依赖注入)和AOP(面向切面编程),那么js中可以通过什么方法来是实现AOP呢

AOP的特点是什么,为什么要使用它呢?很简单,它的主要思想是将一些与核心业务逻辑模块无关的功能分离开来,比如,我们经常会使用到日志统计,安全控制,异常处理,为了在保证到主业务的纯净和程序的高内聚,我们通过将一些附加的功能模块"动态植入"到逻辑模块中

下面我向大家介绍一下如何通过Function.prototype来实现AOP编程

//业务主模块
var myFun = function(){
    console.log("执行业务逻辑");
}

//业务主模块预处理
Function.prototype.before = function(fn){
    var _this=this; 
    return function(){
        fn.apply(this,arguments); 
        return _this.apply(this,arguments) 
    }
}

//业务主模块后处理

Function.prototype.after = function(fn){
    var _this = this;
    return function(){
        var result = _this.apply(this, arguments);
        fn.apply(this,arguments)
        return result;
    }
}

var fun =  myFun.before(function(){
    
    console.log("模块的预处理");

}).after(function(){

    console.log("模块的后处理");

});

fun();

 

代码分析:

//业务主模块
var myFun = function(){
    console.log("执行业务逻辑");
}

//业务主模块预处理
Function.prototype.before = function(fn){
    var _this=this;   //用于保存调用before方法的实例对象,此处的this指向了myFun
    return function(){  //把对函数的预处理与函数一封装在一个函数中,并返回,用于调用after函数.
        fn.apply(this,arguments);  //用于执行对模块的预处理函数fn
        return _this.apply(this,arguments)  //返回 myFun函数
    }
}

//业务主模块后处理

Function.prototype.after = function(fn){
    var _this = this;  //此处的this指向before函数返回的函数,并使用_this存储下来(也就是上面蓝色标记的函数代码)
    return function(){ //再次把before函数返回的函数与对函数的后处理封装在一个函数中,并返回
        var result = _this.apply(this, arguments);  //执行before函数的返回函数,返回值就是(return                                                                                                                                _this.apply(this,arguments)返回的值)
        fn.apply(this,arguments)  //用于执行对模块的后处理函数fn
        return result;
    }
}

var fun =  myFun.before(function(){
    
    console.log("模块的预处理");

}).after(function(){

    console.log("模块的后处理");

}); // 

fun();

 

 

总结:

可能有点绕来绕去的,但是只要仔细思考,你一定会体会到其中的巧妙之处,简而言之,就是把一个对函数的预处理封装在一个before函数中,并把预处理函数和原函数返回,作为一个函数来对after的调用(因为Function上的prototype方法,所有的函数都可以调用).