本篇內(nèi)容主要講解“C++發(fā)布訂閱和觀察者模式的區(qū)別是什么”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“C++發(fā)布訂閱和觀察者模式的區(qū)別是什么”吧!
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比永和網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式永和網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋永和地區(qū)。費(fèi)用合理售后完善,十載實(shí)體公司更值得信賴。
前段時間心血來潮自己寫一一個promise, promise剛好就是訂閱發(fā)布模式,工作中開發(fā)用的mobx 整體又是觀察者模式,雖然都用,但一直沒去細(xì)想兩者的差異,網(wǎng)上的區(qū)別分析看的云里霧里。結(jié)合一下 整理一篇自己的總結(jié)和最簡單實(shí)現(xiàn)(也因?yàn)楹唵?所以也很好理解)做個分享同時加深自己對這兩者的理解
1、實(shí)現(xiàn)思路
arr 做訂閱了的事件的緩存中心
通過過on把需要做的事push arr 緩存數(shù)組中
等待事件觸發(fā)時 依次emit執(zhí)行事件
2、代碼實(shí)現(xiàn)
interface eventHub { arr: Array<Function>; on(fn: Function): void; emit(): void; } interface Person { age: number; name: string; } let eventHub: eventHub = { arr: [] as Array<Function>, // 訂閱 on(fn: Function) { this.arr.push(fn); }, // 發(fā)布 emit() { this.arr.forEach((fn) => fn()); }, }; let person: Person = {} as Person; eventHub.on(() => { //訂閱的事件里判斷當(dāng) person長度為2時 打印person, if (Object.keys(person).length == 2) { console.log(person); } }); setTimeout(function () { person.age = 27; //發(fā)布的時候去遍歷 this.arr 并執(zhí)行第一次 eventHub.emit(); }, 10); setTimeout(function () { person.name = "Zoe"; //發(fā)布的時候去遍歷 this.arr 并執(zhí)行第二次 eventHub.emit(); }, 20);
3、結(jié)果
雖然發(fā)布了兩次 但最終on 里的console因?yàn)橥獠織l件只執(zhí)行了一次
1、實(shí)現(xiàn)思路
與觀察者模式類似,但需要分一個觀察者,和被觀察者
觀察者和被觀察者存在關(guān)聯(lián),(內(nèi)部基于發(fā)布訂閱模式)
2、代碼實(shí)現(xiàn)
// 被觀察者 class Subject { name: string; //實(shí)例上定義一個name屬性 state: string; observers: any[]; constructor(name:string) { this.name = name; this.observers = []; this.state = ""; } attach(o) { //傳入觀察者 this.observers.push(o); } setState(newState) { this.state = newState; this.observers.forEach((o) => o.update(this)); } } // 觀察者 class Observer { name: string; constructor(name) { this.name = name; } update(interviewee) { console.log(`${interviewee.name} say to: ${this.name} ZOE的${interviewee.state}`); } } let hr = new Subject("HR"); let observer1 = new Observer("內(nèi)推者"); let observer2 = new Observer("面試者"); hr.attach(observer1); hr.attach(observer2); hr.setState("面試通過了"); // baby.setState("面試沒通過");
3、實(shí)現(xiàn)結(jié)果
on(訂閱)和發(fā)布(emit)之間沒有直接聯(lián)系,是依賴中間的arr 做銜接 訂閱一個push 到arr一個,emit的時候依次執(zhí)行arr
觀察者和被觀察者存在關(guān)聯(lián),(內(nèi)部基于發(fā)布訂閱模式)
將觀察者的實(shí)例作參數(shù) 傳入被觀察者的attach方法中 并緩存在observers 數(shù)組中
當(dāng)觀察者setState時候 依次調(diào)用緩存數(shù)組observers 中觀察者的update方法
到此,相信大家對“C++發(fā)布訂閱和觀察者模式的區(qū)別是什么”有了更深的了解,不妨來實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
本文標(biāo)題:C++發(fā)布訂閱和觀察者模式的區(qū)別是什么
標(biāo)題路徑:http://muchs.cn/article36/pgodsg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、微信公眾號、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、靜態(tài)網(wǎng)站、定制開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)