前端十大经典设计模式

前端十大经典设计模式

两大类区分

一是常用的6种设计模式。
二是不常用的4种设计模式。

常用的6种设计模式

1.代理模式
一般是加载的时候用，比如预加载。
2.单例模式
保证一个类仅有一个实例，新示例会覆盖旧实例。
3.中介者模式
对象解耦。
4.发布-订阅模式
代码解耦，一对多，一个对象改变通知所有依赖于它的对象。
5.策略模式
算法封装，重复调用，一般用来优化if else。
6.职责链模式
对象查找。

不常用的4种设计模式

1.状态模式
将对象的行为和状态分离，使得对象可以根据不同的状态来改变自己的行为，比如表单验证。
2.模板方法模式
属于行为型设计模式，它定义了一个行为的骨架，将一些步骤推迟到子类中实现，比如使用构造函数实例化对象进行操作。
3.装饰者模式
属于结构型设计模式，它允许你在不改变对象自身的基础上，动态地给一个对象添加额外的功能，常被用于扩展或修改组件的行为或样式。
4.迭代器模式
有个容器类，有一个迭代器类，容器类持有一个迭代器类的对象，然后我们不需要知道容器中元素的具体结构，通过迭代器对象就能够进行遍历，js在 Array、String、Map、Set 中都内置了Symbol.iterator 方法返回一个迭代器对象，同时提供了for…of… 语法统一了各个对象的遍历方式。