【Rxjs】Rxjs_觀察者模式和發(fā)布訂閱模式

Java3y 發(fā)布于2019-08-23 14:36 / 2517人閱讀

摘要：觀察者模式屬于行為型模式，用于建立一種對象與對象之間的依賴關(guān)系，一個對象發(fā)生改變時將自動通知其他對象，其他對象將相應(yīng)作出反應(yīng)。

Rxjs_觀察者模式和發(fā)布訂閱模式 設(shè)計模式

撿起大學(xué)所學(xué)的《設(shè)計模式》吧 Orz

觀察者模式和發(fā)布訂閱模式特別容易被人們混淆，很多書里面也將這兩個概念混為一談，所以首先要搞清楚這兩種模式的區(qū)別。

觀察者模式

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

觀察者其模式實很好理解，模式中只有兩種角色，觀察者和被觀察者。

觀察者模式屬于行為型模式，用于建立一種對象與對象之間的依賴關(guān)系，一個對象發(fā)生改變時將自動通知其他對象，其他對象將相應(yīng)作出反應(yīng)。

Subject(目標(biāo)) 目標(biāo)又稱為主題，它是指被觀察的對象。

Observer(觀察者) 觀察者將對觀察目標(biāo)的改變做出反應(yīng)

代碼例子：jQuery

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

發(fā)布-訂閱模式

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

發(fā)布訂閱模式屬于廣義上的觀察者模式

發(fā)布訂閱模式與觀察者模式非常接近，僅僅只是多了一個中間層用于管理消息（信息通道），可以看成是一種優(yōu)化的觀察者模式。

生活中有一個很好的例子——廣播電臺，人們會把頻道調(diào)到他們最喜歡的節(jié)目。廣播站不知道觀眾聽得是什么或者他們正在聽什么，只需要發(fā)布他們的節(jié)目就可以了。而觀眾也不知道廣播站制作節(jié)目的過程，他們只要在他們最喜歡的節(jié)目運行的時候把臺調(diào)到對應(yīng)的頻道或者告知朋友就行。

觀察者模式和發(fā)布-訂閱模式的比較

兩者的比較如下圖所示：

觀察者模式

必須知道具體的 Subject，兩者可以直接聯(lián)系

緊耦合

大多數(shù)是同步的

在單個應(yīng)用程序地址空間中實現(xiàn)

發(fā)布訂閱模式

無直接依賴關(guān)系，通過消息代理

松耦合

大多數(shù)是異步的（使用消息隊列）

交叉應(yīng)用模式

參考鏈接《對象間的聯(lián)動——觀察者模式（二） - 設(shè)計模式之行為型模式 - 極客學(xué)院 Wiki》
《設(shè)計模式：發(fā)布/訂閱模式解析 - 記錄技術(shù)的點滴 - SegmentFault 思否》
《觀察者模式和發(fā)布訂閱模式有什么不同？ - 知乎》