JavaScript 中常見設計模式整理

Nosee 發(fā)布于2019-08-22 17:21 / 1518人閱讀

摘要：開發(fā)中，我們或多或少地接觸了設計模式，但是很多時候不知道自己使用了哪種設計模式或者說該使用何種設計模式。本文意在梳理常見設計模式的特點，從而對它們有比較清晰的認知。

開發(fā)中，我們或多或少地接觸了設計模式，但是很多時候不知道自己使用了哪種設計模式或者說該使用何種設計模式。本文意在梳理常見設計模式的特點，從而對它們有比較清晰的認知。

JavaScript 中常見設計模式

單例模式

策略模式

代理模式

迭代器模式

發(fā)布-訂閱模式

命令模式

組合模式

模板方法模式

享元模式

職責鏈模式

中介者模式

裝飾者模式

狀態(tài)模式

適配者模式

觀察者模式

各設計模式關鍵詞

看完了上述設計模式后，把它們的關鍵詞特點羅列出來，以后提到某種設計模式，進而聯(lián)想相應的關鍵詞和例子，從而心中有數(shù)。

設計模式	特點	案例
單例模式	一個類只能構(gòu)造出唯一實例	創(chuàng)建菜單對象
策略模式	根據(jù)不同參數(shù)可以命中不同的策略	動畫庫里的算法函數(shù)
代理模式	代理對象和本體對象具有一致的接口	圖片預加載
迭代器模式	能獲取聚合對象的順序和元素	each([1, 2, 3], cb)
發(fā)布-訂閱模式	PubSub	瀑布流庫
命令模式	不同對象間約定好相應的接口	按鈕和命令的分離
組合模式	組合模式在對象間形成一致對待的樹形結(jié)構(gòu)	掃描文件夾
模板方法模式	父類中定好執(zhí)行順序	咖啡和茶
享元模式	減少創(chuàng)建實例的個數(shù)	男女模具試裝
職責鏈模式	通過請求第一個條件，會持續(xù)執(zhí)行后續(xù)的條件，直到返回結(jié)果為止	if else 優(yōu)化
中介者模式	對象和對象之間借助第三方中介者進行通信	測試結(jié)束告知結(jié)果
裝飾者模式	動態(tài)地給函數(shù)賦能	天冷了穿衣服，熱了脫衣服
狀態(tài)模式	每個狀態(tài)建立一個類，狀態(tài)改變會產(chǎn)生不同行為	電燈換擋
適配者模式	一種數(shù)據(jù)結(jié)構(gòu)改成另一種數(shù)據(jù)結(jié)構(gòu)	枚舉值接口變更
觀察者模式	當觀察對象發(fā)生變化時自動調(diào)用相關函數(shù)	vue 雙向綁定

參考文獻

*《JavaScript設計模式與開發(fā)實踐》

云服務器 GPU云服務器函數(shù)模式整理 javascript常見用法 js中常見的變量名稱 javascript設計模式

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/95092.html

JavaScript文章

摘要：我對知乎前端相關問題的十問十答張鑫旭張鑫旭大神對知乎上經(jīng)典的個前端問題的回答。作者對如何避免常見的錯誤，難以發(fā)現(xiàn)的問題，以及性能問題和不好的實踐給出了相應的建議。但并不是本身有問題，被標準定義的是極好的。這一次，徹底弄懂 JavaScript 執(zhí)行機制本文的目的就是要保證你徹底弄懂javascript的執(zhí)行機制，如果讀完本文還不懂，可以揍我。不論你是javascript新手還是老...

mumumu 2019-08-22 13:50 評論0 收藏0
前端面試【整理更新中】：HTML常見題目（帶答案）

摘要：標準模式的排版和運作模式都是以該瀏覽器支持的最高標準運行。使用之前需要考慮這兩個缺點。數(shù)據(jù)的有效期不同。在設置的過期時間之前一直有效，即使窗口或者瀏覽器關閉。僅在瀏覽器窗口關閉之前有效。一、HTML常見題目01、Doctype作用？嚴格模式與混雜模式如何區(qū)分？它們有何意義？02、 HTML5 為什么只需要寫 !DOCTYPE HTML？03、行內(nèi)元素有哪些？塊級元素有哪些？空(voi...

zhjx922 2019-08-23 13:55 評論0 收藏0
前端面試【整理更新中】：HTML常見題目（帶答案）

摘要：標準模式的排版和運作模式都是以該瀏覽器支持的最高標準運行。使用之前需要考慮這兩個缺點。數(shù)據(jù)的有效期不同。在設置的過期時間之前一直有效，即使窗口或者瀏覽器關閉。僅在瀏覽器窗口關閉之前有效。一、HTML常見題目01、Doctype作用？嚴格模式與混雜模式如何區(qū)分？它們有何意義？02、 HTML5 為什么只需要寫 !DOCTYPE HTML？03、行內(nèi)元素有哪些？塊級元素有哪些？空(voi...

Freeman 2019-08-02 12:11 評論0 收藏0
前端面試【整理更新中】：HTML常見題目（帶答案）

摘要：標準模式的排版和運作模式都是以該瀏覽器支持的最高標準運行。使用之前需要考慮這兩個缺點。數(shù)據(jù)的有效期不同。在設置的過期時間之前一直有效，即使窗口或者瀏覽器關閉。僅在瀏覽器窗口關閉之前有效。一、HTML常見題目01、Doctype作用？嚴格模式與混雜模式如何區(qū)分？它們有何意義？02、 HTML5 為什么只需要寫 !DOCTYPE HTML？03、行內(nèi)元素有哪些？塊級元素有哪些？空(voi...

Eirunye 2019-08-29 17:31 評論0 收藏0