| 标题 | 轻松掌握JavaScript策略模式 |
| 内容 | 定义：定义一系列的算法，把它们一个个封装成函数，也可把它们作为属性统一封装进一个对象，然后再定义一个方法，该方法可根据参数自动选择执行对应的算法。 一般用于在实现一个功能时，有很多个方案可选择的情况。 例子1：根据员工薪水salary、绩效等级S、A、B、C，来计算年终奖 //封装了所有算法的策略对象 var strategies = { 'S': function(salary){ return salary*4; }, 'A': function(salary){ return salary*3; }, 'B': function(salary){ return salary*2; }, 'C': function(salary){ return salary*1; } } //定义自动选择算法的方法 var calculateBonus = function(level,salary){ return strategies[level](salary); } //使用 calculateBonus('S',9000); //36000 calculateBonus('B',5000); //10000 例子2：表单验证 //定义验证算法的策略对象 var strategies = function(){ isEmpty:function(value,errorMsg){ if(value = ''){ return errorMsg; } } outRangle:function(value,min,max,errorMsg){ if(value.length > max || value.length < min){ return errorMsg; } } isSame:function(oldValue,newValue,errorMsg){ if(newValue !== oldValue){ return errorMsg; } } isMobile:function(value,errorMsg){ if(!/(^1[3|5|8][0-9]{9}$)/.test(value)){ return errorMsg; } } ...... } 也可不定义以下的Validator类，直接在触发失去焦点事件时调用strategies对象的属性方法来验证当前input项 //定义Validator var Validator = function(){ this.cache = []; } Validator.prototype.add = function(elem,rules){ var self = this; for(var i = 0, rule; rule = rules[i++]){ (function(rule){ var strategyAry = rule.strategy.split(':'); var errorMsg = rule.errorMsg; self.cache.push(function(){ var strategy = strategyAry.shift(); strategyAry.unshift(elem.value); strategyAry.push(errorMsg); return strategies[strategy].apply(elem,strategyAry); }) })(rule) } } Validator.prototype.start = function(){ for(var i = 0, func; func = this.cache[i++]){ var errorMsg = func(); if(errorMsg){ return errorMsg; } } } 使用： var validator = new Validator(); validator.add(elem.userName,[ {strategy:'isEmpty', errorMsg:'用户名不能为空'}, {strategy:'outRangle:6:12', errorMsg:'用户名长度为6-12位'} ]); ...... var errorMsg = validator.start(); ...... 附：参数配置对象 假如有一个函数foo(a,b,c,d,e,f...)，它的参数很多，这样的函数不好使用，参数不好记！比较好的方法是使用一个对象来包含这些参数，然后再把该对象传递给函数，函数再对这个对象的属性做处理 var prop = { a:55, b:'ss', c:function(){...} d:{x:1,y:2} ... } foo(prop); 这样一来，使用函数时就不必去记参数顺序了，只需记住参数对象的几个属性名字就行，不易出错 以上就是本文的全部内容，希望对大家的学习有所帮助 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。