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();

運行結果：

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

datepicker怎麼使用

#mixin的高階元件使用詳解

ejsExcel範本在Vue.js中的使用

#

以上是JS的策略模式使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！