javascript設(shè)計(jì)模式 ? 策略模式原理與用法實(shí)例分析
本文實(shí)例講述了javascript設(shè)計(jì)模式 ? 策略模式原理與用法。分享給大家供大家參考,具體如下:
介紹:策略模式中可以定義一些獨(dú)立的類來(lái)封裝不同的算法,每一個(gè)類封裝一種具體的算法。在這里,每一種算法的封裝都可以稱之為一種策略。策略模式的主要目的是將算法的定義與使用分開(kāi)。
定義:定義一系列算法類,將每一個(gè)算法封裝起來(lái),并讓它們可以相互替換。策略模式讓算法獨(dú)立與使用它的客戶而變化,也稱為政策模式。策略模式是一種對(duì)象行為型模式。
場(chǎng)景:使用策略模式實(shí)現(xiàn)一個(gè)加減乘除的工具類,將四個(gè)算法進(jìn)行封裝。
示例:
var AddStrategy = function(){ this.caculate = function(num1, num2){ return num1 + num2; }} var SubStrategy = function(){ this.caculate = function(num1, num2){ return num1 - num2; }} var MulStrategy = function(){ this.caculate = function(num1, num2){ return num1 * num2; }} var DivStrategy = function(){ this.caculate = function(num1, num2){ return num1 / num2; }} var Context = function(strategy){ var _strategy = strategy; this.executeStrategy = function(num1, num2){ return _strategy.caculate(num1, num2) }}var add = new Context(new AddStrategy());var sub = new Context(new SubStrategy());var mul = new Context(new MulStrategy());var div = new Context(new DivStrategy()); console.log(’1 + 2 = ’ + add.executeStrategy(1, 2));console.log(’5 - 1 = ’ + sub.executeStrategy(5, 1));console.log(’3 * 2 = ’ + mul.executeStrategy(3, 2));console.log(’8 / 2 = ’ + div.executeStrategy(8, 2)); // 1 + 2 = 3// 5 - 1 = 4// 3 * 2 = 6// 8 / 2 = 4
在這個(gè)例子里,Context稱之為環(huán)境類,環(huán)境類是使用算法的角色,他在解決某個(gè)問(wèn)題時(shí)可以采用多種策略。我們的例子里,根據(jù)傳遞的策略不同,導(dǎo)致Context作出不同的處理方式。DivStrategy,MulStrategy,SubStrategy,AddStrategy稱為策略類,用來(lái)實(shí)現(xiàn)具體策略。
策略模式總結(jié):
優(yōu)點(diǎn):
* 提供了開(kāi)關(guān)原則的完美支持,可以再不修改原有系統(tǒng)基礎(chǔ)上進(jìn)行擴(kuò)展* 策略模式提供了一種可以替換繼承關(guān)系的辦法* 使用策略模式可以避免多重條件選擇語(yǔ)句。
缺點(diǎn):
* 客戶端必須知道所有的策略類,并自行選擇需要使用哪一個(gè)策略* 策略模式將造成系統(tǒng)產(chǎn)生很多策略類,任何細(xì)小的變化都導(dǎo)致系統(tǒng)需要新增一個(gè)新的策略類* 客戶端每次只能選擇使用一個(gè)策略類
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章:
1. ASP動(dòng)態(tài)網(wǎng)頁(yè)制作技術(shù)經(jīng)驗(yàn)分享2. 淺談?dòng)蓀osition屬性引申的css進(jìn)階討論3. 基于javaweb+jsp實(shí)現(xiàn)企業(yè)財(cái)務(wù)記賬管理系統(tǒng)4. JSP+Servlet實(shí)現(xiàn)文件上傳到服務(wù)器功能5. php使用正則驗(yàn)證密碼字段的復(fù)雜強(qiáng)度原理詳細(xì)講解 原創(chuàng)6. ASP 信息提示函數(shù)并作返回或者轉(zhuǎn)向7. asp批量添加修改刪除操作示例代碼8. vue項(xiàng)目登錄成功拿到令牌跳轉(zhuǎn)失敗401無(wú)登錄信息的解決9. CSS可以做的幾個(gè)令你嘆為觀止的實(shí)例分享10. vue前端RSA加密java后端解密的方法實(shí)現(xiàn)

網(wǎng)公網(wǎng)安備