javascript设计模式(一)策略模式Strategy

1.将定义的一组算法封装起来,使其相互之间可以替换。封装的算法具有一定的独立性,不会随客户端的变化而变化.

表单验证 

var InputStrategy=function(){
        var strategy={
            notNull:function(value){
                return /\s+/.test(value)?console.log("请输入内容"):'';
            },
            number:function(value){
                return /^[0-9]+(\.[0-9]+)?$/.test(value)?"":console.log("请输入数字");
            },
            phone:function(value){
                return /^\d{3}\-\d{8}$|^\d{4}\-\d{7}$/.test(value)?"":console.log("请输入正确的电话号码格式!")
            }
        }
        return{
            check:function(type,value){
                //去除首位空白字符\
                value=value.replace(/^\s+|\s+$/g,'');
                return strategy[type]?strategy[type](value):console.log("没有该类型的检测方法");
            },
            addStrategy:function(type,fn){
                strategy[type]=fn;
            }
        }
    }()
    //引用
    var tag=document.getElementById("cont");
    var btn=document.getElementById("btn");
    btn.onclick=function(event){
        InputStrategy.check("number",tag.value)
    }

  

posted @ 2017-08-24 10:14  咚咚锵咚呛  阅读(163)  评论(0编辑  收藏  举报