JavaScript設計模式入坑

JavaScript設計模式入坑

介紹

設計模式編寫易於維護的代碼。

設計模式的開創者是一位土木工程師。Σ( ° △ °|||)︴，寫代碼就是蓋房子。

模式

模式一種能夠複用的解決方案。解決軟件設計中遇到的問題。

設計模式的結構

如何編寫一個新的設計模式
一個設計模式將會產生以下的內容

模式名稱

對模式名稱的書寫

上下文大綱

適用的上下文

問題陳述

對須要解決的問題進行陳述

解決方案

對問題的解決

設計

模式的設計

實現

如何實現該設計模式

插圖

UML圖表示

示例

最小模式的形式實現

輔助條件

須要哪些模式支撐該模式，即依賴

關係

像哪些模式，仿照哪些模式設計出的

已知的用法

是否普遍的使用。
在哪裏使用。
如何使用

討論

帶來什麼好處

編寫設計模式

沒有和使用該模式的交互和明確的解決方案即不是好的設計模式。
一旦熟悉了模式的相關信息便可以使用現有的格式編寫模式。

例如 Christian Heilmann https://christianheilmann.com/ 建立的Revedling Module模式

模式的實用有多少？

須要哪些實踐？

設計模式對用戶來講爲透明的。

須要有說服力

反模式

若是一個設計模式應用於錯誤的上下文中，爲反模式，即一種錯誤的
例以下方的反模式

1. 全局上下文中定義變量，沒有使用閉包用來包裹變量
2. 使用定時器來執行代碼，會觸發eval的問題。
3. 修改Object類的原型
4. 之內聯的形式使用js
5. 應該使用document.createElement()建立節點，而不是使用document.write

設計模式的類別

設計模式是基於面向對象的語言。可是核心在於解決實際遇到的問題。

建立型設計模式

處理對象的建立。用來建立對象。
構造器模式，工廠模式，抽象模式，原型模式，單例模式，生成器模式

上方使用過工廠模式

結構型設計模式

找出不一樣對象之間創建關係的簡單方法。
裝飾着模式，外觀模式，享元模式，適配器模式，代理模式。

行爲設計模式

系統中的對象的通訊迭代器模式，中介者模式，觀察者模式，訪問者模式。