发布于 2017-06-13 04:56:27 | 125 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


这篇文章主要为大家详细介绍了JavaScript设计模式之策略模式的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

在程序设计中,我们也常常遇到这种情况,要实现某一个功能我们有很多种算法可以实现。

这些算法灵活多样,而且可以随意互相替换。这种解决方案就是所谓的策略模式。

策略模式的定义是:定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。


/*
 * pre:策略模式
 * 示例:公司计算奖金,分A、B、C 三种绩效,计算方式如下
 * 绩效为A,奖金乘以系数5
 * 绩效为B,奖金乘以系数4
 * 绩效为C,奖金乘以系数3
 */
//-------- 示例1 ----------
var calculateBonus = function(performanceLevel, salary) {
  if(performanceLevel === 'A') {
    return salary * 5;
  }
  if(performanceLevel === 'B') {
    return salary * 4;
  }
  if(performanceLevel === 'C') {
    return salary * 3;
  }
};
console.log(calculateBonus('A', 2000));
/*
  缺点:1、函数体系庞大,拥有太多的if-else语句;
   2、如果增加绩效D,需修改内部函数,违背封闭-开放原则;
   3、复用性差,其他地方如果用到计算奖金,只能赋值黏贴;
 */
//--------- 示例2 ------------
var performanceA = function(salary) {
  return salary * 5;
};
var performanceB = function(salary) {
  return salary * 4;
};
var performanceC = function(salary) {
  return salary * 3;
};
var calculateBonus = function(performanceLevel, salary) {
  if(performanceLevel === 'A') {
    return performanceA(salary);
  }
  if(performanceLevel === 'B') {
    return performanceB(salary);
  }
  if(performanceLevel === 'C') {
    return performanceC(salary);
  }
};
console.log(calculateBonus('A', 2000)); 
/*
 缺点:1、函数体系庞大,系统变化时缺乏弹性
 */
//--------- 示例3 ------------
// 策略模式重构:定义一系列算法,将它们一个个封装起来。
var performanceA = function(){};
performanceA.prototype.caculate = function(salary){
  return salary * 5;
};
var performanceB = function(){};
performanceB.prototype.caculate = function(salary){
  return salary * 4;
};
var performanceC = function(){};
performanceC.prototype.caculate = function(salary){
  return salary * 3;
};

var Bonus = function(){
  this.salary = null;
  this.strategy = null;
};
Bonus.prototype.setSalary = function(salary){
  this.salary = salary;
};
Bonus.prototype.setStrategy = function(strategy){
  this.strategy = strategy;
}
Bonus.prototype.getBonus = function(){
  return this.strategy.caculate(this.salary);
}

var bonus = new Bonus();
bonus.setSalary(2000);
bonus.setStrategy(new performanceA());
console.log(bonus.getBonus());

// ----------- 示例4 ---------------
// javaScript版本
var Strategies = {
  "A":function(salary){
    return salary * 5;
  },
  "B":function(salary){
    return salary * 4;
  },
  "C":function(salary){
    return salary * 3;
  }  
};
var caculateBonus = function(level,salary){
  return Strategies[level](salary);
};
console.log(caculateBonus("A",2000));

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持phperz。



最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务