設計模式的目的是爲了提升代碼的整潔性、下降代碼的資源佔用量。html
JS中的設計模式可分爲如下三種:web
說明:專一於處理對象建立的機制,以合適的方式建立對象,以此來下降建立對象過程的複雜性。設計模式
包含:Constructor(構造器)、Factory(工廠)、Abstract(抽象)、Prototype(原型)、Singleton(單例)、Builder(生成器)。app
說明:在不一樣對象之間尋找共同點,並創建必定的關係;確保在系統某一部分發生改變時,系統的總體結構不須要同時改變。ui
包含:Dectorator(裝飾着)、Facade(外觀)、Flyweight(享元)、Adapter(適配器)、Proxy(代理)。spa
說明:改善或簡化系統中不一樣對象之間的通訊。設計
包含:Iterator(迭代器)、Mediator(中介者)、Observer(觀察者)、Visitor(訪問者)。代理