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


<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>

你可能感兴趣的:(随笔日记)