策略模式

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就是值为函数的变量。可以将不同的业务逻辑函数传递到主函数中,当对这些业务逻辑函数进行调用时,不同的函数会返回不同的执行结果,即使用了函数对象的多态性。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,723评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,485评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,998评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,323评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,355评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,079评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,389评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,019评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,519评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,971评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,100评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,738评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,293评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,289评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,517评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,547评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,834评论 2 345

推荐阅读更多精彩内容