1. 程式人生 > >【JS設計模式】策略模式的程式碼示例

【JS設計模式】策略模式的程式碼示例

策略模式的概念引用:
        在軟體開發中也常常遇到類似的情況,實現某一個功能有多種演算法或者策略,我們可以根據環境或者條件的不同選擇不同的演算法或者策略來完成該功能。
如查詢、排序等,一種常用的方法是硬編碼(Hard Coding)在一個類中,如需要提供多種查詢演算法,可以將這些演算法寫到一個類中,在該類中提供多個方法,
每一個方法對應一個具體的查詢演算法;當然也可以將這些查詢演算法封裝在一個統一的方法中,通過if…else…或者case等條件判斷語句來進行選擇。
這兩種實現方法我們都可以稱之為硬編碼,如果需要增加一種新的查詢演算法,需要修改封裝演算法類的原始碼;更換查詢演算法,也需要修改客戶端呼叫程式碼。
在這個演算法類中封裝了大量查詢演算法,該類程式碼將較複雜,維護較為困難。如果我們將這些策略包含在客戶端,這種做法更不可取,將導致客戶端程式龐大而且難以維護,
如果存在大量可供選擇的演算法時問題將變得更加嚴重.


舉例說明:
一、出行旅遊:我們可以有幾個策略可以考慮:可以騎自行車,汽車,做火車,飛機。每個策略都可以得到相同的結果,但是它們使用了不同的資源。
選擇策略的依據是費用,時間,使用工具還有每種方式的方便程度 。


二、在一個購物商城,在五一做了一個活動,所以圖書類商品根據購買的金額做出以下折扣策略
1、購買滿199元,打9折
2、購買滿399元,打8折
3、購買滿599元以上,打7折;

function BookStrategy() {
  this.calcPrice = function( price ) {
    console.log("未打折 = " + price);
  }
}
function BookCalc9Strategy() {
  this.calcPrice = function( price ) {
    console.log("原價是:"+ price +";打9折後:" + (price * 0.9));
  }
}


function BookCalc8Strategy() {
  this.calcPrice = function( price ) {
    console.log("原價是:"+ price +";打8折後:" + (price * 0.8));
  }
}


function BookCalc7Strategy() {
  this.calcPrice = function( price ) {
    console.log("原價是:"+ price +";打7折後:" + (price * 0.7));
  }
}
function PriceCalc( _strategy ) {
  this.strategy = _strategy;
  this.getPrice = function( price ) {
    return this.strategy.calcPrice( price );
  }
}

function Client() {


  var price = 100;
  var priceCalc = null;
  if ( 199 <= price && price < 399 ) {
    priceCalc = new PriceCalc(new BookCalc9Strategy());
  } else if ( 399 <= price && price < 599 ) {
    priceCalc = new PriceCalc(new BookCalc8Strategy());
  } else if ( 599 <= price ) {
    priceCalc = new PriceCalc(new BookCalc7Strategy());
  } else {
    priceCalc = new PriceCalc(new BookStrategy());
  }


  priceCalc.getPrice(price);


}
Client();