<strike id="y6wsu"></strike>

<abbr id="y6wsu"></abbr>

js 發布/訂閱模式

plokmju88 發布于2019-08-26 13:44 / 2340人閱讀

摘要：這里賣家屬于發布者，小紅，小明屬于訂閱者訂閱事件觸發事件該名稱未發布刪除訂閱事件小紅你的鞋子到了小明你的鞋子到了

JavaScript中有五種異步編程的方式

1.回調函數
2.事件監聽
3.發布訂閱
4.Promise對象
5.Generator函數

發布/訂閱 模式
比方說淘寶購物，小紅在淘寶上看到一雙鞋，但是賣光了，小紅聯系賣家什么時候有貨，賣家告訴小紅需要等一星期，賣家說如果喜歡可以等有貨的時候
再通知你，所以小紅收藏了該店鋪，但是同時，小明，小花也喜歡這款鞋，也收藏了改店鋪，等鞋子到了就會依次通知小紅，小明，小花。
這里賣家屬于發布者，小紅，小明屬于訂閱者

function Public(){
    this.handles = {}
    //訂閱事件
    this.addEventListener  = function(eventType,fn){
        if(!(eventType in this.handles)){
            this.handles[eventType] = []
        }
        this.handles[eventType].push(fn)
        console.log(this.handles)
        return this;
    },
    // 觸發事件
    this.dispatchEvent = function(eventType){
        var handlerArgs = Array.prototype.slice.call(arguments,1);
        if(!this.handles[eventType]){
            throw Error("該名稱未發布")
        }
        for(var i=0;i ele.name === handler.name)
            this.handles[eventType].splice(index,1)
        }
        return this;
    }
}

var publish = new Public();
publish.addEventListener("xiaohong",function tellHong(data){
    console.log(`${data}`)
})
publish.addEventListener("xiaoming",function tellMing(data){
    console.log(`${data}`)
})
publish.dispatchEvent("xiaohong","小紅你的鞋子到了")
publish.dispatchEvent("xiaoming","小明你的鞋子到了")
publish.removeEventListener("xiaohong")

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

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

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

10分鐘弄懂一種簡單的js設計模式（觀察者/發布訂閱）

摘要：發布者注冊發布訂閱者自動打印消息消息觀察者模式與發布訂閱模式類似。在此種模式中，一個目標物件在它本身的狀態改變時主動發出通知，觀察者收到通知從而使他們的狀態自動發生變化。做為非科班出身的前端er，每次聽到設計模式都感覺很高大上，總感覺這些東西是造火箭原子彈用的，距離我們這些造螺絲釘很遙遠。但是最近在做一個聊天消息的業務時，發現貌似用上發布訂閱模式業務就很清晰了。創建一個消息類當作發布...

xiguadada 2019-08-26 10:13 評論0 收藏0
JS每日一題:設計模式-如何理解觀察者(發布訂閱)模式?

摘要：期設計模式如何理解觀察者發布訂閱模式定義觀察者模式又叫發布訂閱模式，它定義了一種一對多的關系，讓多個觀察者對象同時監聽某一個主題對象，這個主題對象的狀態發生變化時就會通知所有的觀察者對象，使得它們能夠自動更新自己生活實例理解你今天去看一個 20190411期設計模式-如何理解觀察者(發布訂閱)模式? 定義: 觀察者模式又叫發布訂閱模式（Publish/Subscribe），它定義了一...

baishancloud 2019-08-23 16:53 評論0 收藏0
觀察者模式和發布訂閱模式（JS）

摘要：最近被人問到設計模式，觀察者模式和發布訂閱模式二者有什么區別。觀察者模式觀察者模式，目標和觀察者是基類，目標提供維護觀察者的一系列方法，觀察者提供更新接口。最近被人問到設計模式，觀察者（Observer）模式和發布（Publish）/訂閱（Subscribe）模式二者有什么區別。其實這兩種模式還是有些許差異的，本質上的區別是調度的方式不同。觀察者模式觀察者模式，目標和觀察者是基類...

Sanchi 2019-08-23 12:59 評論0 收藏0
js中的一對多 - 訂閱發布模式

摘要：解決命名空間問題暫不管，刪除訂閱問題這個用處不大目前我們先著手解決這個問題對應的消息么有被人訂閱沒有傳入具體的回調函數表示取消對應的所有訂閱反向遍歷刪除訂閱回調函數這個對象，能夠解決大部分事件模擬的問題。訂閱發布模式如果按數學翻譯其實就是.一對多的映射關系.怎么解釋呢？就是一個開關，同時并聯幾個燈泡(在不同房間),觸發的時候，幾個燈泡都會得到指令，然后執行發光的行為。訂閱發布模式...

Cobub 2019-08-22 11:00 評論0 收藏0
JS設計模式之Obeserver（觀察者）模式、Publish/Subscribe（發布/訂閱）模式

摘要：觀察者模式定義設計模式中對的定義一個對象稱為維持一系列依賴于它觀察者的對象，將有關狀態的任何變更自動通知給它們。如圖模式比較觀察者模式則多了一個類似于話題調度中心的流程，發布者和訂閱者解耦。 Obeserver（觀察者）模式定義《js設計模式》中對Observer的定義：一個對象（稱為subject）維持一系列依賴于它（觀察者）的對象，將有關狀態的任何變更自動通知給它們。《設計模...

荊兆峰 2019-08-26 13:37 評論0 收藏0
簡單理解觀察者模式(pub/sub)在前端中的應用

摘要：概念觀察者模式被廣泛地應用于客戶端編程中。所有的瀏覽器事件，等都是使用觀察者模式的例子。在觀察者模式中，一個對象訂閱另一個對象的指定活動并得到通知，而不是調用另一個對象的方法。此外，觀察者模式還可用于實現數據綁定。概念觀察者模式被廣泛地應用于JavaScript客戶端編程中。所有的瀏覽器事件（mouseover，keypress等）都是使用觀察者模式的例子。這種模式的另一個名字叫自...

guyan0319 2019-08-23 12:10 評論0 收藏0