JavaScript設計模式入坑

介紹

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

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

模式

模式一種可以複用的解決方案。解決軟體設計中遇到的問題。

設計模式的結構

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

模式名稱

對模式名稱的書寫

上下文大綱

適用的上下文

問題陳述

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

解決方案

對問題的解決

設計

模式的設計

實現

如何實現該設計模式

插圖

UML圖表示

示例

最小模式的形式實現

輔助條件

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

關係

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

已知的用法

是否廣泛的使用。
在哪裡使用。
如何使用

討論

帶來什麼好處

編寫設計模式

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

例如 Christian Heilmann 建立的Revedling Module模式

模式的實用有多少？

需要哪些實踐？

設計模式對使用者來說為透明的。

需要有說服力

反模式

如果一個設計模式應用於錯誤的上下文中，為反模式，即一種錯誤的
例如下方的反模式

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

設計模式的類別

設計模式是基於物件導向的語言。但是核心在於解決實際遇到的問題。

建立型設計模式

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

上方使用過工廠模式

結構型設計模式

找出不同物件之間建立關係的簡單方法。
裝飾著模式，外觀模式，享元模式，介面卡模式，代理模式。

行為設計模式

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