JS中策略模式变成--面向未来变成

标签: javascript
111人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<h1>产品最终价格:</h1>
<div id='type'></div>
<div id='mydiv'></div>
</body>
</html>
<script>

//算法家族 --放在同一的命名空间中 
var Price={};

//vip 客户优惠策略类
Price.vipPrice = function() {
    this.discount = 0.5;
    this.getPrice = function(price) {
      return price * this.discount;
    }
}

//老客户优惠策略类:
Price.oldPrice = function() {
    this.discount = 0.3;
    this.getPrice = function(price)
    {
      return price * this.discount;
    }
}

//普通客户
Price.NormlPrice = function() {
    this.discount = 1;
    this.getPrice = function(price)
    {
         return price ;
    }
}


//后台的数据库
// 关系型数据库:oracel  MS SQL SERVER   MYSQL DB2  1:1 1:n
// 1::  班级表 讲师 讲师 和学生





//2. 上下文-  类似工厂模式中工厂
//这里上下文的目的只是方便第三方使用,不用关心算法是怎么实现的,只需要会使用即可
//算法对象的引入是方便我们思考问题,应对客户每日三疯 -- 需求变化频繁
//上下文是方便用户使用方便,封装了算法的细节
function Context() {
    this.name = '';
//    关联关系
    this.strategy = null;
    this.price = 0;
}

Context.prototype.set = function(name, strategy, price) {
    this.name = name;
    this.strategy = strategy;
    this.price = price;
}

Context.prototype.getResult = function() {
    //alert('123');
    //alert(this.name);
    //alert(this.price);
    //alert(this.strategy.getPrice(this.price));
    document.getElementById('type').innerHTML=this.name;;
    document.getElementById('mydiv').innerHTML=this.strategy.getPrice(this.price);;
    alert(this.strategy.getPrice(this.price));
}



//3. 客户端使用;
// 上下文
var context = new Context();

//vip客户
var vip = new Price.vipPrice();
context.set ('vip客户', vip, 200);
context.getResult();

//老客户
var old = new Price.oldPrice();
context.set ('老客户', old, 200);
context.getResult();

//普通客户
//...



//如果未来针对老顾客的优惠方式变了,只需要修改单个对象,而且修改这个对象不会影响其他对象
//如果未来针对vip的优惠方式变了,只需要修改单个对象
//如果以后客户又疯了,需要新增一种优惠方式,只需要新增一个对象,原来的代码丝毫不影响,也不需要修改



/*=====================================================================*/
//简化写法:
//算法家族 --放在同一的命名空间中 
//vip 客户优惠策略类
//适用于算法函数形式一样
var vipPrice = function(price) {
     return price * 0.5;
}

//老客户优惠策略类:
var oldPrice = function(price) {
     return price * 0.3;
}

//普通客户
var NormlPrice = function(price) {
    return price ;
} 

 var calculatePrice = function( func, price ){
    return func(price);
};

 //使用
var price = calculatePrice(vipPrice,1000);
document.getElementById('mydiv').innerHTML=price;
</script>
查看评论

使用数据库保存session的方法

作者:liuphy   发表日期:2000年12月20日   阅读次数:98     php的session默认是以文件方式保存在服务器端,并且在客户端使用cookie保存变量,这就会出现一个问题,当...
  • terrywang
  • terrywang
  • 2000-12-21 23:27:00
  • 589

利用C语言中的回调函数实现策略模式

#include using namespace std; void planA(char ch) //回调函数1 { cout } void planB(char ch)//...
  • sjtu_huang
  • sjtu_huang
  • 2011-09-11 21:16:25
  • 1591

策略模式-面向接口编程

策略模式-面向接口编程定义定义了一系列算法,并将每一个算法封装起来,而且使他们可以相互替换。让算法独立于使用它的客户而独立变化。使用场景 同一类型的问题又多种算法解决。 需要安全的封装多种同一类型的操...
  • Joki233
  • Joki233
  • 2017-03-30 13:05:57
  • 283

【学习笔记javascript设计模式与开发实践(策略模式)----5】

第5章策略模式  在程序设计中我们往往会遇到实现某一功能有多种方案可以选择。比如一个压缩算法,我们可以选择zip算法,也可以选择gzip算法。 这些算法灵活多样,而且可以随意互相替换。这种解决方案就是...
  • pigpigpig4587
  • pigpigpig4587
  • 2015-12-01 17:20:31
  • 967

用js使鼠标变成小手状

var a = document.createElement("A");a.style.cursor="hand";
  • xxt06097
  • xxt06097
  • 2009-10-09 21:18:00
  • 9732

面向未来编程

我们一直以来都知道面向对象编程,面向过程编程,大多数时候还是面向工资编程,面向生活编程,面向任务编程,面向公司编程,面向领导编程。 工资不给力,心里觉得委屈;生活有压力,影响工作情绪;任务完成就好,...
  • KimmKing
  • KimmKing
  • 2016-03-21 13:51:50
  • 2240

【JS设计模式】策略模式的代码示例

在软件开发中也常常遇到类似的情况,实现某一个功能有多种算法或者策略,我们可以根据环境或者条件的不同选择不同的算法或者策略来完成该功能。 如查找、排序等,一种常用的方法是硬编码(Hard Coding)...
  • itpinpai
  • itpinpai
  • 2016-06-06 16:21:37
  • 7402

解决javascript加法 变成字符串拼接

num = (num-0 + 1); //-0转化 为数字
  • qq369389714
  • qq369389714
  • 2016-10-17 14:19:23
  • 208

JavaScript中,加法变成拼接字符串

1.parseInt()方法 var e1= document.getElementById('textbox1').value;  var e2 = document.getElementByI...
  • ShangQuan2012
  • ShangQuan2012
  • 2016-12-12 20:30:11
  • 1771

js鼠标变成手型

onmouseover="if(true) this.style.cursor='hand';" 或 style="cursor:hand"
  • leejin_521
  • leejin_521
  • 2011-11-04 12:55:44
  • 2647
    个人资料
    等级:
    访问量: 3万+
    积分: 1322
    排名: 3万+
    最新评论