关闭

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

标签: javascript
74人阅读 评论(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>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:14107次
    • 积分:1096
    • 等级:
    • 排名:千里之外
    • 原创:99篇
    • 转载:8篇
    • 译文:0篇
    • 评论:2条
    最新评论