JavaScript中常见的设计模式有哪些？

本文共计9263个文字，预计阅读时间需要38分钟。

目录 + 设计原则 + 什么是设计模式 + 单例模式 + 策略模式 + 代理模式 + 迭代器模式 + 发布-订阅模式 + 命令模式 + 组合模式 + 模板方法模式 + 享元模式 + 职责链模式

目录

• 设计原则
• 什么是设计模式
• 一、单例模式
• 二、策略模式
• 三、代理模式
• 四、迭代器模式
• 五、发布-订阅模式
• 六、命令模式
• 七、组合模式
• 八、模板方法模式
• 九、享元模式
• 十、职责链模式
• 十一、中介者模式
• 十二、装饰者模式
• 十三、状态模式
• 十四、适配器模式
• 十五、外观模式

在程序设计中有很多实用的设计模式，而其中大部分语言的实现都是基于“类”。

在JavaScript中并没有类这种概念，JS中的函数属于一等对象，在JS中定义一个对象非常简单（var obj = {}），而基于JS中闭包与弱类型等特性，在实现一些设计模式的方式上与众不同。

本文基于《JavaScript设计模式与开发实践》一书，用一些例子总结一下JS常见的设计模式与实现方法。文章略长，自备瓜子板凳~

设计原则

单一职责原则（SRP）

一个对象或方法只做一件事情。如果一个方法承担了过多的职责，那么在需求的变迁过程中，需要改写这个方法的可能性就越大。