JavaScript 和 jQuery 設計模式
Essential JavaScript And jQuery Design Patterns – A Free New Book一文陳列了以下設計模式:
Constructor Pattern構造器模式
Module Pattern模組模式
Revealing Module Pattern揭示模組模式
Singleton Pattern單例模式
Observer Pattern觀察者模式
Mediator Pattern中介者模式
Prototype Pattern原型模式
Command Pattern命令模式
Facade Pattern總管模式
Factory Pattern工廠模式
Mixin Pattern織入模式
Decorator Pattern裝飾器模式
Flyweight Pattern 享元模式
JavaScript MV* Patterns:
MVC Pattern MVC模式
MVP Pattern MVP模式
MVVM Pattern MVVM模式
在JQuery中實現的模式(主要是結構類模式)
Composite Pattern 組合模式
Adapter Pattern 介面卡模式
Facade Pattern 總管模式
Observer Pattern 觀察者模式
Iterator Pattern 遍歷模式
Lazy Initialization Pattern 懶載入模式
Proxy Pattern 代理模式
Builder Pattern 構建模式
英文文件下載:Github下載
評:這些模式是前端的,其實JS作為一種FP語言,主要強項是實現GOF的行為型別模式,如果為了模式而模式,就得實現一些其非強項的模式,比如結構類模式,比如其模組模式有時和工廠模式看上去差不多。代理模式等結構類模式基本都是在JQuery中實現,這時JQuery程式碼起到類似Java中的類的概念,而JS相當類的函式概念。
Constructor Pattern構造器模式
Module Pattern模組模式
Revealing Module Pattern揭示模組模式
Singleton Pattern單例模式
Observer Pattern觀察者模式
Mediator Pattern中介者模式
Prototype Pattern原型模式
Command Pattern命令模式
Facade Pattern總管模式
Factory Pattern工廠模式
Mixin Pattern織入模式
Decorator Pattern裝飾器模式
Flyweight Pattern 享元模式
JavaScript MV* Patterns:
MVC Pattern MVC模式
MVP Pattern MVP模式
MVVM Pattern MVVM模式
在JQuery中實現的模式(主要是結構類模式)
Composite Pattern 組合模式
Adapter Pattern 介面卡模式
Facade Pattern 總管模式
Observer Pattern 觀察者模式
Iterator Pattern 遍歷模式
Lazy Initialization Pattern 懶載入模式
Proxy Pattern 代理模式
Builder Pattern 構建模式
英文文件下載:Github下載
評:這些模式是前端的,其實JS作為一種FP語言,主要強項是實現GOF的行為型別模式,如果為了模式而模式,就得實現一些其非強項的模式,比如結構類模式,比如其模組模式有時和工廠模式看上去差不多。代理模式等結構類模式基本都是在JQuery中實現,這時JQuery程式碼起到類似Java中的類的概念,而JS相當類的函式概念。
相關文章
- JavaScript 設計模式 : 巧用'工廠模式'和'建立者'模式JavaScript設計模式
- JavaScript設計模式JavaScript設計模式
- JavaScript設計模式初探--單例設計模式JavaScript設計模式單例
- JavaScript設計模式之建立型設計模式JavaScript設計模式
- JavaScript面試系列:JavaScript設計模式之橋接模式和懶載入JavaScript面試設計模式橋接
- Javascript設計模式之代理模式JavaScript設計模式
- JavaScript設計模式(七):命令模式JavaScript設計模式
- Javascript設計模式之命令模式JavaScript設計模式
- JavaScript 設計模式之策略模式JavaScript設計模式
- Javascript設計模式之策略模式JavaScript設計模式
- Javascript設計模式(四)策略模式JavaScript設計模式
- Javascript設計模式(五)代理模式JavaScript設計模式
- javascript設計模式觀察者模式JavaScript設計模式
- javascript設計模式橋接模式JavaScript設計模式橋接
- javascript設計模式組合模式JavaScript設計模式
- javascript設計模式享元模式JavaScript設計模式
- javascript設計模式狀態模式JavaScript設計模式
- javascript 與 設計模式JavaScript設計模式
- JavaScript常用設計模式JavaScript設計模式
- javascript 策略設計模式JavaScript設計模式
- JavaScript設計模式之結構型設計模式JavaScript設計模式
- JavaScript 設計模式 —— 介面卡模式JavaScript設計模式
- javascript設計模式一: 單例模式JavaScript設計模式單例
- Javascript 設計模式之單例模式JavaScript設計模式單例
- Javascript設計模式之單例模式JavaScript設計模式單例
- JavaScript設計模式之觀察者模式JavaScript設計模式
- Javascript 設計模式之工廠模式JavaScript設計模式
- Javascript設計模式之迭代器模式JavaScript設計模式
- 細品 javascript 設計模式(策略模式)JavaScript設計模式
- JavaScript 設計模式(六) 迭代器模式JavaScript設計模式
- Javascript設計模式(二)工廠模式JavaScript設計模式
- Javascript設計模式(三)單例模式JavaScript設計模式單例
- javascript設計模式 之 6 命令模式JavaScript設計模式
- Javascript 設計模式 之 9亨元模式JavaScript設計模式
- javascript設計模式 之 2 策略模式JavaScript設計模式
- JavaScript 設計模式系列 - 觀察者模式JavaScript設計模式
- Javascript 設計模式之設計原則JavaScript設計模式
- JavaScript設計模式(一)設計原則JavaScript設計模式