摘要:聲明主題對象注冊觀察者觀察者訂閱了本主題觀察者取關取關了本主題在某些特定的時候由主題向所有的訂閱者發布事件供主題調用的事件觀察者更新了信息信息為觀察者進行了初始化觀察者開始玩起了實例化一個主題實例化三個觀察者對象張三李四趙六天命圈觀察者張三
//聲明主題對象 var Subject = function(name) { this.name = name this.register = [] } Subject.prototype = { //注冊觀察者 submit(observe) { this.register.push(observe) console.log("觀察者" + observe.id + "訂閱了本主題") return this }, //觀察者取關 unsubmit(observe) { var that = this this.register.map(function(name, index) { if (name == observe) { that.register.splice(index, 1) console.log(name.id + "取關了本主題") } }) return this }, //在某些特定的時候,由主題向所有的訂閱者發布事件 radioOn(name, value) { this.register.map(rg => { rg[name](value) }) return this } } var Observe = function(id) { this.id = id } //供主題調用的事件 Observe.prototype = { updata(msg) { console.log("觀察者" + this.id + "更新了信息,信息為" + msg) }, init() { console.log("觀察者" + this.id + "進行了初始化") }, play(type) { console.log("觀察者" + this.id + "開始玩起了" + type) } } //實例化一個主題 var subject1 = new Subject("PUBG") //實例化三個觀察者對象 var observe1 = new Observe("張三") var observe2 = new Observe("李四") var observe3 = new Observe("趙六") subject1.submit(observe1) .submit(observe2) .radioOn("init") .radioOn("updata", "天命圈hhh") .unsubmit(observe1) .submit(observe3) .radioOn("play", subject1.name) /* 觀察者張三訂閱了本主題 * 觀察者李四訂閱了本主題 * 觀察者張三進行了初始化 * 觀察者李四進行了初始化 * 觀察者張三更新了信息,信息為天命圈hhh * 觀察者李四更新了信息,信息為天命圈hhh * 張三取關了本主題 * 觀察者趙六訂閱了本主題 * 觀察者李四開始玩起了PUBG * 觀察者趙六開始玩起了PUBG */
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/101655.html
摘要:觀察者模式定義設計模式中對的定義一個對象稱為維持一系列依賴于它觀察者的對象,將有關狀態的任何變更自動通知給它們。如圖模式比較觀察者模式則多了一個類似于話題調度中心的流程,發布者和訂閱者解耦。 Obeserver(觀察者)模式 定義 《js設計模式》中對Observer的定義:一個對象(稱為subject)維持一系列依賴于它(觀察者)的對象,將有關狀態的任何變更自動通知給它們。 《設計模...
摘要:觀察者模式對象間的一種一對多的依賴關系,當一個對象的狀態發生改變時,所有依賴于它的對象都得到通知并被自動更新。具體主題角色在具體主題內部狀態改變時,給所有登記過的觀察者發出通知。 觀察者模式 對象間的一種一對多的依賴關系,當一個對象的狀態發生改變時,所有依賴于它的對象都得到通知并被自動更新。 觀察者要素 1.抽象主題(Subject)角色:把所有對觀察者對象的引用保存在一個集合中,每個...
摘要:概念觀察者模式被廣泛地應用于客戶端編程中。所有的瀏覽器事件,等都是使用觀察者模式的例子。在觀察者模式中,一個對象訂閱另一個對象的指定活動并得到通知,而不是調用另一個對象的方法。此外,觀察者模式還可用于實現數據綁定。 概念 觀察者模式被廣泛地應用于JavaScript客戶端編程中。所有的瀏覽器事件(mouseover,keypress等)都是使用觀察者模式的例子。這種模式的另一個名字叫自...
摘要:期設計模式如何理解觀察者發布訂閱模式定義觀察者模式又叫發布訂閱模式,它定義了一種一對多的關系,讓多個觀察者對象同時監聽某一個主題對象,這個主題對象的狀態發生變化時就會通知所有的觀察者對象,使得它們能夠自動更新自己生活實例理解你今天去看一個 20190411期 設計模式-如何理解觀察者(發布訂閱)模式? 定義: 觀察者模式又叫發布訂閱模式(Publish/Subscribe),它定義了一...
摘要:由主體和觀察者組成,主體負責發布事件,同時觀察者通過訂閱這些事件來觀察該主體。主體并不知道觀察者的任何事情,觀察者知道主體并能注冊事件的回調函數。總的來說,觀察者模式所做的工作就是在解耦,讓耦合的雙方都依賴于抽象,而不是依賴于具體。 發布訂閱模式 發布訂閱模式又叫觀察者模式(Publish/Subscribe),它定義了一種一對多的關系,讓多個觀察者對象同時監聽某一個主題對象,這個主題...
閱讀 3158·2021-10-14 09:42
閱讀 3564·2019-08-26 13:56
閱讀 3444·2019-08-26 11:59
閱讀 938·2019-08-23 18:00
閱讀 2195·2019-08-23 17:51
閱讀 3522·2019-08-23 17:17
閱讀 1479·2019-08-23 15:11
閱讀 5145·2019-08-23 15:05