摘要:發(fā)布訂閱模式又叫做觀察者模式描述對象間的一對多依賴關(guān)系。我舉幾個(gè)常見例子以便理解報(bào)紙或雜志發(fā)布訂閱編程中的事件模型手機(jī)流量超限制提醒等等使用場景應(yīng)用于異步編程替代傳統(tǒng)回調(diào)。優(yōu)點(diǎn)是對象間達(dá)到松耦合缺點(diǎn)是當(dāng)有多個(gè)發(fā)布者和訂閱者嵌套時(shí)極難。
使用場景發(fā)布訂閱模式,又叫做觀察者模式,描述對象間的一對多依賴關(guān)系。我舉幾個(gè)常見例子以便理解:報(bào)紙或雜志發(fā)布訂閱、js編程中的事件模型、手機(jī)流量超限制提醒等等
應(yīng)用于異步編程,替代傳統(tǒng)回調(diào)。
用它的好處是可以切換我們的關(guān)注點(diǎn),關(guān)注點(diǎn)集中在訂閱事件,而在異步回調(diào)中我們需要關(guān)注內(nèi)部運(yùn)行狀態(tài)。
取代對象之間的硬編碼機(jī)制,對象之間不必再顯式調(diào)用。
優(yōu)點(diǎn)是對象間達(dá)到松耦合,缺點(diǎn)是當(dāng)有多個(gè)發(fā)布者和訂閱者嵌套時(shí),極難debug。實(shí)戰(zhàn)例子: browser 中通過發(fā)布訂閱模式實(shí)現(xiàn)事件機(jī)制,可直接執(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 gcynode當(dāng)中已內(nèi)置實(shí)現(xiàn),下面是應(yīng)用案例
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 可以添加多個(gè)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"); // ---------------------------------------------------------------------- // 對象組織事件名稱,以便維護(hù),模塊復(fù)用 // let e={ // keyInput:"keyInput", // charge:"charge" // ........ // } //
說明 在node中我認(rèn)為event的出現(xiàn)是為了解決異步問題(一般是事件驅(qū)動(dòng)型)。event的本質(zhì)是觀察者模式的realize。它是base class之一
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/82077.html
摘要:或許以前認(rèn)為訂閱發(fā)布模式是觀察者模式的一種別稱,但是發(fā)展至今,概念已經(jīng)有了不少區(qū)別。參考文章訂閱發(fā)布模式和觀察者模式真的不一樣 首選我們需要先了解兩者的定義和實(shí)現(xiàn)的方式,才能更好的區(qū)分兩者的不同點(diǎn)。 或許以前認(rèn)為訂閱發(fā)布模式是觀察者模式的一種別稱,但是發(fā)展至今,概念已經(jīng)有了不少區(qū)別。 訂閱發(fā)布模式 在軟件架構(gòu)中,發(fā)布-訂閱是一種消息范式,消息的發(fā)送者(稱為發(fā)布者)不會(huì)將消息直接發(fā)送給特...
摘要:設(shè)計(jì)模式與開發(fā)實(shí)踐讀書筆記。發(fā)布訂閱模式又叫觀察者模式,它定義了對象之間的一種一對多的依賴關(guān)系。附設(shè)計(jì)模式之發(fā)布訂閱模式觀察者模式數(shù)據(jù)結(jié)構(gòu)和算法系列棧隊(duì)列優(yōu)先隊(duì)列循環(huán)隊(duì)列設(shè)計(jì)模式系列設(shè)計(jì)模式之策略模式 《JavaScript設(shè)計(jì)模式與開發(fā)實(shí)踐》讀書筆記。 發(fā)布-訂閱模式又叫觀察者模式,它定義了對象之間的一種一對多的依賴關(guān)系。當(dāng)一個(gè)對象的狀態(tài)發(fā)生改變時(shí),所有依賴它的對象都將得到通知。 例...
摘要:發(fā)布訂閱模式訂閱者把自己想訂閱的事件注冊到調(diào)度中心,當(dāng)發(fā)布者發(fā)布該事件到調(diào)度中心,也就是該事件觸發(fā)時(shí),由調(diào)度中心統(tǒng)一調(diào)度訂閱者注冊到調(diào)度中心的處理代碼。 發(fā)布-訂閱模式,看似陌生,其實(shí)不然。工作中經(jīng)常會(huì)用到,例如 Node.js EventEmitter 中的 on 和 emit 方法;Vue 中的 $on 和 $emit 方法。他們都使用了發(fā)布-訂閱模式,讓開發(fā)變得更加高效方便。 一...
摘要:觀察者模式與發(fā)布訂閱的區(qū)別在模式中,知道,同時(shí)還保留了的記錄。發(fā)布者訂閱者在大多情況下是異步方式使用消息隊(duì)列。圖片源于網(wǎng)絡(luò)侵權(quán)必刪如果以結(jié)構(gòu)來分辨模式,發(fā)布訂閱模式相比觀察者模式多了一個(gè)中間件訂閱器,所以發(fā)布訂閱模式是不同于觀察者模式的。 學(xué)習(xí)了一段時(shí)間設(shè)計(jì)模式,當(dāng)學(xué)到觀察者模式和發(fā)布訂閱模式的時(shí)候遇到了很大的問題,這兩個(gè)模式有點(diǎn)類似,有點(diǎn)傻傻分不清楚,博客起因如此,開始對觀察者和發(fā)布...
摘要:發(fā)布訂閱模式又叫觀察者模式,它定義對象間的一種一對多的依賴關(guān)系。事件觀察者模式應(yīng)該是最常用的模式之一??傊?dāng)消息一發(fā)布,所有的訂閱者都會(huì)收到消息。發(fā)布訂閱模式還可以用來幫助實(shí)現(xiàn)一些別的設(shè)計(jì)模式,比如中介者模式。 發(fā)布/訂閱模式又叫觀察者模式,它定義對象間的一種一對多的依賴關(guān)系。當(dāng)一個(gè)對象的狀態(tài)(發(fā)布者)發(fā)生改變時(shí),所有依賴于它的對象都將得到通知。在 JavaScript 開發(fā)中,我們...
閱讀 3153·2021-11-23 09:51
閱讀 2954·2021-11-11 16:55
閱讀 3183·2021-10-14 09:43
閱讀 1483·2021-09-23 11:22
閱讀 1131·2019-08-30 11:04
閱讀 1807·2019-08-29 11:10
閱讀 1048·2019-08-27 10:56
閱讀 3239·2019-08-26 12:01