美文网首页js css html
js常见设计模式

js常见设计模式

作者: 海豚先生的博客 | 来源:发表于2023-02-27 12:30 被阅读0次

单例模式

  • 限制类实例化次数只能一次,一个类只有一个实例,并提供一个访问它的全局访问点。
  • 比如:window对象、document对象、vuex的store

工厂模式

  • 不暴露创建对象的具体逻辑,而是将逻辑封装在一个函数中,根据不同的输入返回不同的实例,一般用来创建同一类对象
  • 比如:创建对象的工厂函数方法

代理模式

  • 为一个对象找一个替代对象,以便对原对象进行访问。
    比如:vue使用proxy代理对象,实现对原对象的访问控制

观察者模式

  • 定义了对象间一种一对多的依赖关系,当目标对象 Subject(主题) 的状态发生改变时,所有依赖它的对象 Observer(观察者) 都会得到通知。
  • 比如:js中的事件方式

发布/订阅模式

  • 是对象中的一种一对多的依赖关系,当一个对象触发一个事件的时候,所有订阅该事件的对象将得到通知。该模式比观察者模式多了中间层的“第三者”—调度中心,由调度中心派发消息给所有订阅者
  • 比如:Vue EventBus中的 $on 和 $emit 方法

相关文章

  • 前端设计模式

    JS设计模式一:工厂模式jS设计模式二:单例模式JS设计模式三:模块模式JS设计模式四:代理模式JS设计模式五:职...

  • JS常见设计模式

    常见的一些设计模式 构造函数模式(Constructor) 工厂模式(factory) 工厂模式和构造函数模式每次...

  • js常见设计模式

    1.写出 构造函数模式、混合模式、模块模式、工厂模式、单例模式、发布订阅模式的范例。 JS设计模式大全 构造函数模...

  • js常见设计模式

    构造函数模式: 工厂模式: 模块模式 混合模式 单例模式 发布订阅模式

  • js常见设计模式

    //工厂模式function Person(name, age) {this.name = name;this.a...

  • 《JS设计模式》读书笔记(一)

    标签:JS 设计模式 《JS设计模式》读书笔记(二) 《JS设计模式》读书笔记(三) 《JS设计模式》读书笔记(四...

  • JS设计模式

    JS中的一些设计模式: 设计模式是软件设计中常见问题的通用可重用解决方案,以下是一些设计模式是: 创建模式:该模式...

  • 《JS设计模式》读书笔记(六)

    标签:JS 设计模式 读书笔记链接: 《JS设计模式》读书笔记(一) 《JS设计模式》读书笔记(二) 《JS设计模...

  • 《JS设计模式》读书笔记(二)

    标签:JS 设计模式 读书笔记链接: 《JS设计模式》读书笔记(一) 《JS设计模式》读书笔记(三) 《JS设计模...

  • 《JS设计模式》读书笔记(三)

    标签:JS 设计模式 读书笔记链接: 《JS设计模式》读书笔记(一) 《JS设计模式》读书笔记(二) 《JS设计模...

网友评论

    本文标题:js常见设计模式

    本文链接:https://www.haomeiwen.com/subject/qrphldtx.html