国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

每天一個設計模式之訂閱-發(fā)布模式

svtter / 974人閱讀

摘要:借助繼承為對象安裝發(fā)布訂閱功能根據自己需求定義一個函數供事件處理完后調用創(chuàng)建個回調函數訂閱和這個事件,并且綁定相關的完成后的函數當兩個事件完成時候,觸發(fā)前幾行綁定的相關函數打印實現中一般用事件模型來代替?zhèn)鹘y的發(fā)布訂閱模式。

博主按:《每天一個設計模式》旨在初步領會設計模式的精髓,目前采用javascript(_靠這吃飯_)和python(_純粹喜歡_)兩種語言實現。誠然,每種設計模式都有多種實現方式,但此小冊只記錄最直截了當的實現方式 :)
0. 項目地址

每天一個設計模式之訂閱-發(fā)布模式·原文地址

本節(jié)課代碼

《每天一個設計模式·系列》地址

1. 什么是“訂閱-發(fā)布模式”?
訂閱-發(fā)布模式定義了對象之間的一種一對多的依賴關系,當一個對象的狀態(tài)發(fā)生改變時,所有依賴它的對象都可以得到通知。

了解過事件機制或者函數式編程的朋友,應該會體會到“訂閱-發(fā)布模式”所帶來的“時間解耦”和“空間解耦”的優(yōu)點。借助函數式編程中閉包和回調的概念,可以很優(yōu)雅地實現這種設計模式。

2. “訂閱-發(fā)布模式” vs 觀察者模式

訂閱-發(fā)布模式和觀察者模式概念相似,但在訂閱-發(fā)布模式中,訂閱者和發(fā)布者之間多了一層中間件:一個被抽象出來的信息調度中心。

但其實沒有必要太深究 2 者區(qū)別,因為《Head First 設計模式》這本經典書都寫了:發(fā)布+訂閱=觀察者模式其核心思想是狀態(tài)改變和發(fā)布通知。在此基礎上,根據語言特性,進行實現即可。

3. 代碼實現 3.1 python3 實現

python 中我們定義一個事件類Event, 并且為它提供 事件監(jiān)聽函數、(事件完成后)觸發(fā)函數,以及事件移除函數。任何類都可以通過繼承這個通用事件類,來實現“訂閱-發(fā)布”功能。

class Event:
  def __init__(self):
    self.client_list = {}

  def listen(self, key, fn):
    if key not in self.client_list:
      self.client_list[key] = []
    self.client_list[key].append(fn)

  def trigger(self, *args, **kwargs):
    fns = self.client_list[args[0]]

    length = len(fns)
    if not fns or length == 0:
      return False

    for fn in fns:
      fn(*args[1:], **kwargs)

    return False

  def remove(self, key, fn):
    if key not in self.client_list or not fn:
      return False

    fns = self.client_list[key]
    length = len(fns)

    for _fn in fns:
      if _fn == fn:
        fns.remove(_fn)

    return True

# 借助繼承為對象安裝 發(fā)布-訂閱 功能
class SalesOffice(Event):
  def __init__(self):
    super().__init__()

# 根據自己需求定義一個函數:供事件處理完后調用
def handle_event(event_name):
  def _handle_event(*args, **kwargs):
    print("Price is", *args, "at", event_name)

  return _handle_event


if __name__ == "__main__":
  # 創(chuàng)建2個回調函數
  fn1 = handle_event("event01")
  fn2 = handle_event("event02")

  sales_office = SalesOffice()

  # 訂閱event01 和 event02 這2個事件,并且綁定相關的 完成后的函數
  sales_office.listen("event01", fn1)
  sales_office.listen("event02", fn2)

  # 當兩個事件完成時候,觸發(fā)前幾行綁定的相關函數
  sales_office.trigger("event01", 1000)
  sales_office.trigger("event02", 2000)

  sales_office.remove("event01", fn1)

  # 打印:False
  print(sales_office.trigger("event01", 1000))
3.2 ES6 實現

JS 中一般用事件模型來代替?zhèn)鹘y的發(fā)布-訂閱模式。任何一個對象的原型鏈被指向Event的時候,這個對象便可以綁定自定義事件和對應的回調函數。

const Event = {
  clientList: {},

  // 綁定事件監(jiān)聽
  listen(key, fn) {
    if (!this.clientList[key]) {
      this.clientList[key] = [];
    }
    this.clientList[key].push(fn);
    return true;
  },

  // 觸發(fā)對應事件
  trigger() {
    const key = Array.prototype.shift.apply(arguments),
      fns = this.clientList[key];

    if (!fns || fns.length === 0) {
      return false;
    }

    for (let fn of fns) {
      fn.apply(null, arguments);
    }

    return true;
  },

  // 移除相關事件
  remove(key, fn) {
    let fns = this.clientList[key];

    // 如果之前沒有綁定事件
    // 或者沒有指明要移除的事件
    // 直接返回
    if (!fns || !fn) {
      return false;
    }

    // 反向遍歷移除置指定事件函數
    for (let l = fns.length - 1; l >= 0; l--) {
      let _fn = fns[l];
      if (_fn === fn) {
        fns.splice(l, 1);
      }
    }

    return true;
  }
};

// 為對象動態(tài)安裝 發(fā)布-訂閱 功能
const installEvent = obj => {
  for (let key in Event) {
    obj[key] = Event[key];
  }
};

let salesOffices = {};
installEvent(salesOffices);

// 綁定自定義事件和回調函數

salesOffices.listen(
  "event01",
  (fn1 = price => {
    console.log("Price is", price, "at event01");
  })
);

salesOffices.listen(
  "event02",
  (fn2 = price => {
    console.log("Price is", price, "at event02");
  })
);

salesOffices.trigger("event01", 1000);
salesOffices.trigger("event02", 2000);

salesOffices.remove("event01", fn1);

// 輸出: false
// 說明刪除成功
console.log(salesOffices.trigger("event01", 1000));
4. 參考

維基百科·訂閱-發(fā)布模式

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

《JavaScript 設計模式和開發(fā)實踐》

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/42787.html

相關文章

  • 每天一個設計模式訂閱-發(fā)布模式

    摘要:借助繼承為對象安裝發(fā)布訂閱功能根據自己需求定義一個函數供事件處理完后調用創(chuàng)建個回調函數訂閱和這個事件,并且綁定相關的完成后的函數當兩個事件完成時候,觸發(fā)前幾行綁定的相關函數打印實現中一般用事件模型來代替?zhèn)鹘y的發(fā)布訂閱模式。 博主按:《每天一個設計模式》旨在初步領會設計模式的精髓,目前采用javascript(_靠這吃飯_)和python(_純粹喜歡_)兩種語言實現。誠然,每種設計模式都...

    printempw 評論0 收藏0
  • js設計模式筆記 - 觀察者模式

    摘要:姓名小強正式上班時間前端大大強訂閱了這個消息姓名大大強正式上班時間發(fā)布者發(fā)布消息前端小強姓名小強正式上班時間大大強姓名大大強正式上班時間通過添加了一個,我們實現了對職位的判斷。 觀察者模式,定義對象間的一種一對多的依賴關系,當一個對象的狀態(tài)發(fā)生改變時,所有依賴于它的對象都將得到通知。 事實上,只要你曾經在DOM節(jié)點上綁定過事件函數,那么你就曾經使用過觀察者模式了! document.b...

    txgcwm 評論0 收藏0
  • JS每日一題:設計模式-如何理解觀察者(發(fā)布訂閱)模式?

    摘要:期設計模式如何理解觀察者發(fā)布訂閱模式定義觀察者模式又叫發(fā)布訂閱模式,它定義了一種一對多的關系,讓多個觀察者對象同時監(jiān)聽某一個主題對象,這個主題對象的狀態(tài)發(fā)生變化時就會通知所有的觀察者對象,使得它們能夠自動更新自己生活實例理解你今天去看一個 20190411期 設計模式-如何理解觀察者(發(fā)布訂閱)模式? 定義: 觀察者模式又叫發(fā)布訂閱模式(Publish/Subscribe),它定義了一...

    baishancloud 評論0 收藏0
  • JavaScript設計模式發(fā)布-訂閱模式(觀察者模式)-Part1

    摘要:設計模式與開發(fā)實踐讀書筆記。發(fā)布訂閱模式又叫觀察者模式,它定義了對象之間的一種一對多的依賴關系。附設計模式之發(fā)布訂閱模式觀察者模式數據結構和算法系列棧隊列優(yōu)先隊列循環(huán)隊列設計模式系列設計模式之策略模式 《JavaScript設計模式與開發(fā)實踐》讀書筆記。 發(fā)布-訂閱模式又叫觀察者模式,它定義了對象之間的一種一對多的依賴關系。當一個對象的狀態(tài)發(fā)生改變時,所有依賴它的對象都將得到通知。 例...

    muzhuyu 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<