什么是策略模式？

定義：根據(jù)不同參數(shù)可以命中不同的策略

主要解決：在有多種算法相似的情況下，使用 if...else 所帶來的復(fù)雜和難以維護(hù)。

何時使用：有許多種情況，而區(qū)分它們的只是他們直接的行為。

如何解決：通過一個hash對象，來映射不同的策略。

優(yōu)點：?1、算法可以自由切換。 2、避免使用多重條件判斷。 3、擴(kuò)展性、復(fù)用性良好。

缺點：?1、策略類會增多。 2、所有策略類都需要對外暴露。

使用場景：?1.需要動態(tài)地根據(jù)行為改變運行方法。2.為了減少代碼，同時為了讓代碼具有更好的可讀性。3.需要對策略進(jìn)行統(tǒng)一管理。

?

JavaScript中的策略模式

觀察如下獲取年終獎的 demo，根據(jù)不同的參數(shù)（level）獲得不同策略方法(規(guī)則)，這是策略模式在 JS 比較經(jīng)典的運用之一。

const strategy = {'S': function(salary) {return salary * 4},'A': function(salary) {return salary * 3},'B': function(salary) {return salary * 2} }const calculateBonus = function(level, salary) {return strategy[level](salary) }calculateBonus('A', 10000) // 30000

在函數(shù)是一等公民的 JS 中，策略模式的使用常常隱藏在高階函數(shù)中，稍微變換下上述 demo 的形式如下，可以發(fā)現(xiàn)我們平時已經(jīng)在使用它了，恭喜我們又掌握了一種設(shè)計模式。

const S = function(salary) {return salary * 4 }const A = function(salary) {return salary * 3 }const B = function(salary) {return salary * 2 }const calculateBonus = function(func, salary) {return func(salary) }calculateBonus(A, 10000) // 30000

?

更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的JS设计模式（2）策略模式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。