美文网首页
策略模式

策略模式

作者: 星月西 | 来源:发表于2017-05-05 20:44 被阅读9次

    1.策略模式的定义

    • 策略模式是用来封装算法的,可以用来封装一组相同类型的业务规则,只要这些业务规则指向的目标一致,并且可以被替换使用,就可以用策略模式来封装他们。
    • 在js中可以用一个map对象来实现一个策略类,其中包含有各种业务逻辑函数,然后用另一个Context类来根据实际情况的不同,来使用不同的策略来处理业务。
    • 策略模式的常见应用就是,可以用来实现一个表单验证器,来验证用户是否输入的合法数据。

    2.表单验证器

    表单验证器的核心思想就是首先封装一个策略对象出来,然后在验证器类中使用一个数组来存放各种验证逻辑,验证逻辑则可以用一系列回调函数来表示,等到需要验证时,即调用存放的各个验证逻辑。

    (function(){
    
        //策略对象,主要为各种校验规则
        var strategies={
            required: function(value,errorMsg){
                if(value===''){
                    return errorMsg;
                }
            },
            minLength: function(value,length,errorMsg){
                if(value.length<length){
                    return errorMsg;
                }
            },
            maxLength: function(value,length,errorMsg){
                if(value.length>length){
                    return errorMsg;
                }
            },
            isMobile: function(value,errorMsg){
                if(!/^1[3|5|8][0-9]{9}$/.test(value)){
                    return errorMsg;
                }
            }
        }
    
        //Validater验证器类,context类来使用相应的策略对象中的方法
        function Validater(){
            this.validaters=[];
        }
    
        //为一个dom添加单一的验证规则
        Validater.prototype.add=function(dom,rule,errorMsg){
            this.validaters.push(function(){
                var arg=rule.split(':');
                var strategy=arg.shift();
                arg.unshift(dom.value);
                arg.push(errorMsg);
                console.log(arg);
                return strategies[strategy].apply(dom,arg);
            });
        };
    
        //为一个dom添加多个验证规则
        Validater.prototype.set=function(dom,rules){
            var self=this;
            rules.forEach(function(rule){
                //再循环中传递回调函数时,需要注意将循环值用立即执行函数拷贝一份,
                //保存起来,方便闭包进行引用
                (function(rule){
                    self.validaters.push(function(){
                        var arg=rule.strategy.split(':');
                        var strategy=arg.shift();
                        arg.unshift(dom.value);
                        arg.push(rule.errorMsg);
    
                        return strategies[strategy].apply(dom,arg);
                    });  
                })(rule); 
            });
        };
    
        //开始进行验证,找到第一个验证问题即返回
        Validater.prototype.start=function(){
            for(var i=0,len=this.validaters.length;i<len;i++){
                var msg=this.validaters[i]();
                if(msg){
                    return msg;
                }
            }
        };
    
        //将验证器类暴露出来,方便外界调用
        window.Validater=Validater;
    
    })();
    

    这里需要注意的一点就是,在循环中添加验证逻辑的回调函数时,因为使用了闭包,所以需要使用立即执行函数,将循环的数据进行一次拷贝,避免在调用回调函数时,引用的都是最后一个循环的数据。

    3.策略模式的本质

    在函数作为一等对象的语言中,策略模式是隐形的,策略strategy就是值为函数的变量。可以将不同的业务逻辑函数传递到主函数中,当对这些业务逻辑函数进行调用时,不同的函数会返回不同的执行结果,即使用了函数对象的多态性。

    相关文章

      网友评论

          本文标题:策略模式

          本文链接:https://www.haomeiwen.com/subject/ousltxtx.html