溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

js訂閱模式是什么

發(fā)布時間:2021-06-18 18:08:26 來源:億速云 閱讀:99 作者:chen 欄目:編程語言

這篇文章主要講解了“js訂閱模式是什么”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“js訂閱模式是什么”吧!

說明

1、又叫發(fā)布模式,訂閱者把自己想訂閱的事件注冊到調(diào)度中心,當(dāng)該事件觸發(fā)時候,發(fā)布者發(fā)布該事件到調(diào)度中心(順帶上下文),由調(diào)度中心統(tǒng)一調(diào)度訂閱者注冊到調(diào)度中心的處理代碼。

2、優(yōu)點

發(fā)布訂閱模式的優(yōu)點很明顯,就是它的完全解耦特性。

3、缺點

發(fā)布訂閱模式的缺點正是來源于它的優(yōu)點。通過從訂閱者中解耦發(fā)布者,它有時會很難保證應(yīng)用程序的特定部分按照我們期望的運(yùn)行。

實例

class PubSub {
 
  constructor() {
    this.subscribers = {};
  }
 
  subscribe(type, fn) {
    let listeners = this.subscribers[type] = this.subscribers[type] || [];
    listeners.push(fn);
  }
 
  unsubscribe(type, fn) {
    let listeners = this.subscribers[type];
    if (!listeners) return;
    this.subscribers[type] = listeners.filter(listener => listener !== fn);
  }
 
  publish(type, args) {
    let listeners = this.subscribers[type];
    if (!listeners) return;
    listeners.forEach(listener => listener(args));
  }
 
}

感謝各位的閱讀,以上就是“js訂閱模式是什么”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對js訂閱模式是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

js
AI