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

運行結果：

以上是“JS設計模式之策略模式怎么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！