成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

發(fā)布訂閱模式

Richard_Gao / 2186人閱讀

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

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

應用于異步編程,替代傳統(tǒng)回調(diào)。

   用它的好處是可以切換我們的關(guān)注點,關(guān)注點集中在訂閱事件,而在異步回調(diào)中我們需要關(guān)注內(nèi)部運行狀態(tài)。

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

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

實戰(zhàn)例子: browser 中通過發(fā)布訂閱模式實現(xiàn)事件機制,可直接執(zhí)行 
let EventP=(() => {
    let clientList={},  //訂閱回調(diào)函數(shù)
        listen,  //監(jiān)聽器
        trigger,//觸發(fā)器
        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當中已內(nèi)置實現(xiàn),下面是應用案例 
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);

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

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

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

//

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/82077.html

相關(guān)文章

  • 訂閱發(fā)布模式和觀察者模式的區(qū)別

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

    ysl_unh 評論0 收藏0

  • JavaScript設(shè)計模式之發(fā)布-訂閱模式（觀察者模式）-Part1

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

    muzhuyu 評論0 收藏0

  • JavaScript 發(fā)布-訂閱模式

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

    13651657101 評論0 收藏0

  • 設(shè)計模式之觀察者模式與發(fā)布訂閱模式

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

    BaronZhang 評論0 收藏0

  • 設(shè)計模式之觀察者（發(fā)布/訂閱）模式

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

    dreamGong 評論0 收藏0

發(fā)表評論

0條評論

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