JavaScript设计模式 策略模式
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript设计模式 策略模式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2372字，纯文字阅读大概需要4分钟。
内容图文
在现实中，我们到达一个地方，通常可以选择不同的方式，例如自行车，火车，汽车，飞机等。
在程序设计中，通常也会有这样的情况，实现一个功能有多个方案可以选择，比如一个压缩文件的程序，既可以选择zip算法，也可以选择gzip算法。
而这种情况，在设计模式中，称为策略模式。
策略模式的定义:定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。
例子：
很多公司的年终奖是根据员工的工资基数和年底绩效情况来方法的。如S级绩效为4倍工资，A级有3倍工资，B级有两倍工资。
在不使用策略模式的情况下，通常这样设计代码：
var calculateBonus = function(performanceLevel,salary){
if(performanceLevel === "S"){
return salary * 4;
}
if(performanceLevel === "A"){
return salary * 3;
}
if(performanceLevel === "B"){
return salary * 2;
}
};
calculateBonus("B",2000); // 输出4000
calculateBonus("A",2500); // 输出7500
可以发现，这段代码非常简单，但也有很大的问题。
1.calculateBonus函数比较庞大，包含了很多if-else语句，这些语句需要覆盖所有的逻辑分支。
2.缺乏弹性，如果增加了绩效等级C，需要深入函数内部修改。
3.算法复用性差，重用只能通过复制粘贴。
使用策略模式重构代码。
策略模式的程序至少由两部分组成，第一部分是策略类，策略类封装了具体的算法，并负责具体的计算过程。第二部分是环境类Context,Context接受客户的请求，并将其委托给某一个策略类。
现在模仿传统面向对象语言中策略模式的实现：
//
定义策略类
var performanceS = function(){};
performanceS.prototype.calculate = function(salary){
return salary * 4;
};
var performanceA = function(){};
performanceA.prototype.calculate = function(salary){
return salary * 3;
};
var performanceB = function(){};
performanceB.prototype.calculate = function(salary){
return salary * 2;
};
//定义奖金类var Bonus = function(){
this.salary = null; //原始工资this.starategy = null; //对应的策略对象 };
//设置工资
Bonus.prototype.setSalary = function(salary){
this.salary = salary;
};
//设置绩效
Bonus.prototype.setStrategy = function(strategy){
this.strategy = strategy;
};
//获取奖金
Bonus.prototype.getBonus = function(){
returnthis.strategy.calculate(this.salary);
};
//测试var bonus = new Bonus();
bonus.setSalary(2000);
bonus.setStrategy(new performanceS);
console.log(bonus.getBonus()) // 输出8000
bonus.setSalary(3000);
bonus.setStrategy(new performanceB);
console.log(bonus.getBonus()) //输出6000
在上面的例子中，Bonus充当了环境类，将客户的请求委托给策略类的某一个。
在Js中，实际可以有更方便的做法，Js的函数也是对象，也就是函数也可以作为参数调用。
//
策略类
var performanceS = function(salary){
return salary*4;
};
var performanceA = function(salary){
return salary*3;
};
var performanceB = function(salary){
return salary*2;
};
//环境类var bonus = function(fn,salary){
return fn(salary);
};
//测试
console.log(bonus(performanceS,1000)); //输出4000
console.log(bonus(performanceB,3000)); //输出6000
策略模式的优缺点：
优点：
1.利用组合、委托、多态等技术和思想，避免多重条件选择语句。
2.易于切换、理解、扩展。
3.可以复用。
缺点：
1.拥有许多策略类或者策略对象，实际上比把它们负责的逻辑堆砌在Context中要好。
2.用户比须了解所有的策略类，才能选择一个最合适的策略类。
最后，通过策略模式实现一个表单验证：
原文：http://www.cnblogs.com/Darlietoothpaste/p/6675575.html
内容总结
以上是互联网集市为您收集整理的JavaScript设计模式 策略模式全部内容，希望文章能够帮你解决JavaScript设计模式 策略模式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。