[★来分期客服电话★]

设计模式之“中间件模式”
实际场景

在日常的开发过程中，我们在编写业务代码时候，无法避免有些业务逻辑复杂而导致业务代码写得又长又乱。有些逻辑像一个过程，在不同的节点需要做不同的操作。

比如，我们在开发的过程中经常会遇到数据提交这样一个场景。我们的目的是数据提交，但是在提交之前，我们需要对数据进行验证，验证正确之后，对数据发送进行上报，上报之后才是我们的目标操作提交数据。提交数据之后我们还需要跳转到提交成功的页面。这时候我们一般的做法会是这样：

if(//验证数据){

　　//上报数据操作

　　//提交数据操作

　　//跳转成功页面

}

这时候我们会将整个流程的代码糅合在一起，如果代码简单一点还好，但是如果每一个步骤都有大量的逻辑操作，估计会让人抓狂。

解决方案

对于这一类的流程事件，我们可以采用分解这些事件，当需要用到这些事件操作时，我们将操作插入到核心事件完成所需要的不同步骤中。我们通过下面的方式来实现提交的功能：

 

Function.prototype.before = function(fn){
    var self = this;
    return function(){
        var res = fn.call(this);
        if(res){
            self.call(this,arguments);
        }
    }
};

Function.prototype.after = function(fn){
    var self = this;
    return function(){
        self.call(this,arguments);
        fn.call(this);
    }
};

function report(){
    console.log('上报数据');
    return true;
}

function validate(){
    console.log('验证数据');
    if( + new Date()%2 == 0){
        return true;
    }else{
        return false;
    }    
}

function submit(){
    console.log('提交数据');
}

function goback(){
    console.log('返回首页');
}

submit.before(report).before(validate).after(goback)();