JS设计模式

1、Constructor(构造器)模式

(1) 概念:

(2) 利弊:

(3) 实战代码:

2、Module(模块)模式

(1) 概念:

(2) 利弊:

(3) 实战代码:

3、Revealing Module(揭示模块)模式

(1) 概念:

(2) 利弊:

(3) 实战代码:

4、Singleton(单例)模式 

(1) 概念:

(2) 利弊:

(3) 实战代码:

5、Observer(观察者)模式 

(1) 概念:

(2) 利弊:

(3) 实战代码:

6、Mediator(中介者)模式 

(1) 概念:

(2) 利弊:

(3) 实战代码:

7、Prototype(原型)模式

(1) 概念:

(2) 利弊:

(3) 实战代码:

8、Command(命令)模式

(1) 概念:

(2) 利弊:

(3) 实战代码:

9、Facade(外观)模式

(1) 概念:

(2) 利弊:

(3) 实战代码:

10、Factory(工厂)模式 

(1) 概念:

(2) 利弊:

(3) 实战代码:

11、Mixin模式

(1) 概念:

(2) 利弊:

(3) 实战代码:

12、Decorator(装饰者)模式 

(1) 概念:

(2) 利弊:

(3) 实战代码:

13、Flyweight(享元)模式 

(1) 概念:

(2) 利弊:

(3) 实战代码:

14、Proxy(代理)模式 

(1) 概念:

(2) 利弊:

(3) 实战代码:

15、Builder(生成器)模式 

(1) 概念:

(2) 利弊:

(3) 实战代码:

16、Composite(组合)模式 

(1) 概念:

(2) 利弊:

(3) 实战代码:

17、Adapter(适配器)模式 

(1) 概念:

(2) 利弊:

(3) 实战代码:

18、Iterator(迭代器)模式

(1) 概念:

(2) 利弊:

(3) 实战代码:

19、职责链模式

(1) 概念:

(2) 利弊:

(3) 实战代码:

你可能感兴趣的:(javascript)