阅读 277

高阶函数实现AOP

简介

AOP(面向切面程序)的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来,这些跟业务逻辑无关的功能通常包括日至统计、安全控制、异常处理等。把这些功能抽离出来之后,再通过“动态织入”的方式掺入业务逻辑模块中。这样做的好处首先是可以保证业务逻辑模块的纯洁和高内聚性,其次是可以很方便的复用日志统计模块。在JavaScript中实现AOP,都是只把一个函数“动态织入”到另一个函数之中,具体实现技术很多,现在来实现一个。

面向切面程序

  Function.prototype.before=function(beforefn){
    var self=this;//保存原函数的引用
    return function(){//返回包含了原函数和新函数的“代理”函数
        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);//执行新函数,修正this
        return ret;
    }
}

var fn=function(){
    console.log("fn");
}
fn=fn.before(function(){
    console.log("before");
}).after(function(){
    console.log("after");
});

fn();复制代码

使用场景

AOP(面向切面程序)使用的场景还是很多的,那最简单例子来说,现在小明入职刚刚入职,之前他们写的代码小明还没时间看,现在呢!要小明实现一个form表单提交前验证。小明看了看之前的验证规则,是一个很大的函数,内部代码混乱不堪,无从下手,甚至不知道修改了会不会影响其他功能。现在AOP(面向切面程序)就给我们提供了方便。下面我给大家演示一下怎么使用。

Function.prototype.before=function(beforefn){
    var self=this;//保存原函数的引用
    return function(){//返回包含了原函数和新函数的“代理”函数
        if(beforefn.apply(this,arguments)){
            return self.apply(this,arguments);//执行原函数
        };//执行新函数,修正this
    }
}

var fn=function(){
    console.log("form表单提交");
}
fn=fn.before(function(){
    if(1==1){
        console.log("验证通过");
        return true;
    }else{
        console.log("验证失败");
        return false;
    }

})

fn();复制代码

可以看出,我们不需要知道你这个函数内容是什么。我们只关心我们写的代码,用户提交的数据是否正确。

简单方式实现AOP(面向切面程序)

function ajax(){
     console.log("fajax提交");
}
var ajaxfn=ajax;//把ajax函数引用保存起来。
var ajax=function (){//重新ajax函数;
    if(1==1){
        console.log("验证通过");
    }else{
        return false;
    }
    //先验证上边代码在执行ajax提交
    ajaxfn();
}
ajax();复制代码

总结

AOP(面向切面程序)在实际应用中还是很广泛。希望上边的方法能够帮助你写出更为简洁的代码处理复杂的业务。如果有不对的地方希望大家指出。

代码是一种神奇的东西,我们可以驱动它干好多事情。为什么我们不好好做一个控制者呢!!

关注下面的标签,发现更多相似文章
评论