js设计模式

工厂模式

  • 调用即可返回新对象的函数。调用该函数返回一个新对象
  • axios的creat方法;vue3的createApp方法

单例模式

  • 在使用这个模式时,单例对象整个系统需要保证只有一个存在。即不管调用多少次这个方法,都只会存在一个结果

方法

  • 调用方法获取单例对象,重复调用获取的是相同的对象
  • 定义类 ==> 添加私有属性 ==> 添加静态方法 ==> 判断并返回对象

观察者模式

  • 定义一个一对多的以来,当一个对象状态改变的时候,所有依赖的对象都会子哦对那个收到通知。watch
  • 目标对象 一个
  • 观察者 可能多个

发布订阅者模式

  • 有中间商(事件总线)

原型模式

  • 复制一个已经存在的实例来返回新的实例,而不是新建实例
  • Object.create: 将对象作为原型创建新对象,基于数组来创建,然后重写数组里面的方法。

代理模式

  • 一个对象提供一个代用品或占位符,以便控制对它的访问。
  • 创建一个缓存代理对象,一般在网络请求上进行。

迭代器模式


js设计模式
http://example.com/2023/09/17/js设计模式/
作者
Caoqin
发布于
2023年9月17日
许可协议