JS设计模式(观察者模式)

观察者模式

介绍

  • 发布 & 订阅(将某件事说好之后只需等待,如:订报纸,订牛奶)
  • 一对多

演示

UML类图

在这里插入图片描述
在这里插入图片描述

场景

  1. 网页事件绑定

在这里插入图片描述

  1. Promise
    在这里插入图片描述
    在这里插入图片描述

  2. jQuery callback
    在这里插入图片描述

  3. nodejs自定义事件
    在这里插入图片描述
    在这里插入图片描述
    在node的stream中用到了自定义事件
    在这里插入图片描述
    readline 中也用到了自定义事件
    在这里插入图片描述

  4. 其他场景
    1、nodejs中:处理http请求;多进程通讯
    在这里插入图片描述

    2、vue 和 react 组件生命周期触发
    在这里插入图片描述

    3、vue watch
    在这里插入图片描述

总结

  • 主题和观察者分离,不是主动触发而是被动监听,两者解耦
  • 符合开放封闭原则
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页