JS設計模式之策略模式概念與用法分析，js設計模式

JS設計模式之策略模式概念與用法分析，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();

運行結果：