【Rxjs】Rxjs_观察者模式和发布订阅模式

CloudCat

发布于 2019-05-26 11:08:59

1.1K0

发布于 2019-05-26 11:08:59

文章被收录于专栏：一只想做全栈的猫一只想做全栈的猫

Rxjs_观察者模式和发布订阅模式

设计模式

捡起大学所学的《设计模式》吧 Orz

观察者模式和发布订阅模式特别容易被人们混淆，很多书里面也将这两个概念混为一谈，所以首先要搞清楚这两种模式的区别。

观察者模式

╭─────────────╮  Fire Event  ╭──────────────╮
│             │─────────────>│              │
│   Subject   │              │   Observer   │
│             │<─────────────│              │
╰─────────────╯  Subscribe   ╰──────────────╯

观察者其模式实很好理解，模式中只有两种角色，观察者和被观察者。

观察者模式属于行为型模式，用于建立一种对象与对象之间的依赖关系，一个对象发生改变时将自动通知其他对象，其他对象将相应作出反应。

Subject(目标) 目标又称为主题，它是指被观察的对象。

Observer(观察者) 观察者将对观察目标的改变做出反应

代码例子：jQuery

  function refresh() {
    $('div').empty().text('you are stupid.')
    $('div').trigger('refresh')
  }
  ...
  $('div').on('refresh', () => {
    $('span').empty().text('go to find it.')
  })

发布-订阅模式

 ╭─────────────╮                 ╭───────────────╮   Fire Event   ╭──────────────╮
 │             │  Publish Event  │               │───────────────>│              │
 │  Publisher  │────────────────>│ Event Channel │                │  Subscriber  │
 │             │                 │               │<───────────────│              │
 ╰─────────────╯                 ╰───────────────╯    Subscribe   ╰──────────────╯