發布訂閱模式

Richard_Gao 發布于2019-08-20 15:12 / 2178人閱讀

摘要：發布訂閱模式又叫做觀察者模式描述對象間的一對多依賴關系。我舉幾個常見例子以便理解報紙或雜志發布訂閱編程中的事件模型手機流量超限制提醒等等使用場景應用于異步編程替代傳統回調。優點是對象間達到松耦合缺點是當有多個發布者和訂閱者嵌套時極難。

發布訂閱模式,又叫做觀察者模式,描述對象間的一對多依賴關系。我舉幾個常見例子以便理解:報紙或雜志發布訂閱、js編程中的事件模型、手機流量超限制提醒等等

使用場景

應用于異步編程,替代傳統回調。

   用它的好處是可以切換我們的關注點,關注點集中在訂閱事件,而在異步回調中我們需要關注內部運行狀態。

取代對象之間的硬編碼機制,對象之間不必再顯式調用。

   優點是對象間達到松耦合,缺點是當有多個發布者和訂閱者嵌套時,極難debug。

實戰例子: browser 中通過發布訂閱模式實現事件機制,可直接執行

let EventP=(() => {
    let clientList={},  //訂閱回調函數
        listen,  //監聽器
        trigger,//觸發器
        remove;
    listen= (key,fn) => {
        if(! clientList[key]){
            clientList[key]=[];
        }
       clientList[key].push(fn);
    };
    trigger= (...rest) => {
        let key=rest.shift(),
            fns=clientList[key];
        if(!fns||fns.length===0){
            return false;
        }
        fns.forEach(function (val,index) {
            val.apply(this,rest);
        });
    }
    remove=(key,fn) => {
        let fns=clientList[key];
        if(!fns){
            return false;
        }
        if(!fn){
            fns && (fns.length =0);
        }else{
            fns.forEach(function (val,index) {
                if(val==fn){
                    fns.splice(index,1);
                }
            });
        }
    };
    return{
        listen:listen,
        trigger:trigger,
        remove:remove,
    }
})();

EventP.listen("console",(info) => {
    console.log(info);
})


EventP.trigger("console","hello gcy");  //hello gcy

node當中已內置實現,下面是應用案例

let util= require("util");
let events = require("events");
function PC() {
    events.EventEmitter.call(this);
}
// util.inherits  //封裝了es5的Object.create
util.inherits(PC,events.EventEmitter);


//equivalent  writing
// function PC() {
//     events.EventEmitter.call(this);
//     for(let tmpName in Event.EventEmitter.prototype){
//         this[tmpName]=Event.EventEmitter.prototype[tmpName];
//     }
// }

let pcInstance=new PC();
/**
 * keyInput 可以添加多個listeners
 */
pcInstance.on("keyInput",(track) => {
    console.log("track input",track);
});
let inputEnd=() => {
    console.log("input End");
}
pcInstance.on("keyInput",inputEnd);

/**
 *移除監聽,必須有引用
 */
// pcInstance.removeListener("keyInput",inputEnd);

pcInstance.emit("keyInput","hello world gcy");

// ----------------------------------------------------------------------
// 對象組織事件名稱,以便維護,模塊復用
// let e={
//     keyInput:"keyInput",
//     charge:"charge"
//         ........
// }

//

說明在node中我認為event的出現是為了解決異步問題(一般是事件驅動型)。event的本質是觀察者模式的realize。它是base class之一

GPU云服務器云服務器發布訂閱模式訂閱發布模式 DTS 訂閱發布模式訂閱模式

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

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

訂閱發布模式和觀察者模式的區別

摘要：或許以前認為訂閱發布模式是觀察者模式的一種別稱，但是發展至今，概念已經有了不少區別。參考文章訂閱發布模式和觀察者模式真的不一樣首選我們需要先了解兩者的定義和實現的方式，才能更好的區分兩者的不同點。或許以前認為訂閱發布模式是觀察者模式的一種別稱，但是發展至今，概念已經有了不少區別。訂閱發布模式在軟件架構中，發布-訂閱是一種消息范式，消息的發送者（稱為發布者）不會將消息直接發送給特...

ysl_unh 2019-08-26 11:01 評論0 收藏0
JavaScript設計模式之發布-訂閱模式（觀察者模式）-Part1

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

muzhuyu 2019-08-20 12:06 評論0 收藏0
JavaScript 發布-訂閱模式

摘要：發布訂閱模式訂閱者把自己想訂閱的事件注冊到調度中心，當發布者發布該事件到調度中心，也就是該事件觸發時，由調度中心統一調度訂閱者注冊到調度中心的處理代碼。發布-訂閱模式，看似陌生，其實不然。工作中經常會用到，例如 Node.js EventEmitter 中的 on 和 emit 方法；Vue 中的 $on 和 $emit 方法。他們都使用了發布-訂閱模式，讓開發變得更加高效方便。一...

13651657101 2019-08-26 13:53 評論0 收藏0
設計模式之觀察者模式與發布訂閱模式

摘要：觀察者模式與發布訂閱的區別在模式中，知道，同時還保留了的記錄。發布者訂閱者在大多情況下是異步方式使用消息隊列。圖片源于網絡侵權必刪如果以結構來分辨模式，發布訂閱模式相比觀察者模式多了一個中間件訂閱器，所以發布訂閱模式是不同于觀察者模式的。學習了一段時間設計模式，當學到觀察者模式和發布訂閱模式的時候遇到了很大的問題，這兩個模式有點類似，有點傻傻分不清楚，博客起因如此，開始對觀察者和發布...

BaronZhang 2019-08-23 18:03 評論0 收藏0
設計模式之觀察者（發布/訂閱）模式

摘要：發布訂閱模式又叫觀察者模式，它定義對象間的一種一對多的依賴關系。事件觀察者模式應該是最常用的模式之一。總之，當消息一發布，所有的訂閱者都會收到消息。發布訂閱模式還可以用來幫助實現一些別的設計模式，比如中介者模式。發布/訂閱模式又叫觀察者模式，它定義對象間的一種一對多的依賴關系。當一個對象的狀態（發布者）發生改變時，所有依賴于它的對象都將得到通知。在 JavaScript 開發中，我們...

dreamGong 2019-08-23 11:38 評論0 收藏0