javascript設(shè)計(jì)模式---觀察者模式

hearaway 發(fā)布于2019-08-21 11:25 / 3499人閱讀

摘要：概念觀察者模式是一個(gè)一對(duì)多的關(guān)系，讓多個(gè)觀察者同時(shí)監(jiān)聽一個(gè)對(duì)象，當(dāng)這個(gè)對(duì)象發(fā)生了變化時(shí)，它會(huì)廣播給監(jiān)聽它的觀察者。作用支持簡單的廣播通信，自動(dòng)通知所有的監(jiān)聽者。當(dāng)頁面載入后，被觀察對(duì)象很容易與觀察者有一種動(dòng)態(tài)關(guān)聯(lián)的關(guān)系，來增加靈活性。

概念

觀察者模式是一個(gè)一對(duì)多的關(guān)系，讓多個(gè)觀察者同時(shí)監(jiān)聽一個(gè)對(duì)象，當(dāng)這個(gè)對(duì)象發(fā)生了變化時(shí)，它會(huì)廣播給監(jiān)聽它的觀察者。使他們自動(dòng)更新。

作用

1.支持簡單的廣播通信，自動(dòng)通知所有的監(jiān)聽者。
2.當(dāng)頁面載入后，被觀察對(duì)象很容易與觀察者有一種動(dòng)態(tài)關(guān)聯(lián)的關(guān)系，來增加靈活性。
3.被觀察對(duì)象，與觀察者之間的抽象耦合關(guān)系能夠多帶帶的擴(kuò)展和重用。

注意

要先監(jiān)聽，然后在發(fā)布通知。

栗子

GPU云服務(wù)器云服務(wù)器設(shè)計(jì)模式觀察者模式觀察者模式 php觀察者模式 ios觀察者模式

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/86690.html

相關(guān)文章

JavaScript常用設(shè)計(jì)模式

摘要：原文鏈接常用設(shè)計(jì)模式設(shè)計(jì)模式設(shè)計(jì)模式是一種在長時(shí)間的經(jīng)驗(yàn)與錯(cuò)誤中總結(jié)出來可服用的解決方案。用來模擬接口的相關(guān)操作我很帥通過適配器函數(shù)來調(diào)用目的我很帥學(xué)習(xí)資料聽飛狐聊設(shè)計(jì)模式系列設(shè)計(jì)模式湯姆大叔原文鏈接： JavaScript常用設(shè)計(jì)模式設(shè)計(jì)模式設(shè)計(jì)模式是一種在長時(shí)間的經(jīng)驗(yàn)與錯(cuò)誤中總結(jié)出來可服用的解決方案。設(shè)計(jì)模式主要分為3類：創(chuàng)建型設(shè)計(jì)模式：專注于處理對(duì)象的創(chuàng)建 Const...

RyanHoo 2019-08-22 18:24 評(píng)論0 收藏0
JavaScript 設(shè)計(jì)模式（六）：觀察者模式與發(fā)布訂閱模式

摘要：觀察者模式維護(hù)單一事件對(duì)應(yīng)多個(gè)依賴該事件的對(duì)象關(guān)系發(fā)布訂閱維護(hù)多個(gè)事件主題及依賴各事件主題的對(duì)象之間的關(guān)系觀察者模式是目標(biāo)對(duì)象直接觸發(fā)通知全部通知，觀察對(duì)象被迫接收通知。觀察者模式（Observer）觀察者模式：定義了對(duì)象間一種一對(duì)多的依賴關(guān)系，當(dāng)目標(biāo)對(duì)象 Subject 的狀態(tài)發(fā)生改變時(shí)，所有依賴它的對(duì)象 Observer 都會(huì)得到通知。簡單點(diǎn)：女神有男朋友了，朋友圈曬個(gè)圖，甜...

bingo 2019-08-23 18:36 評(píng)論0 收藏0
JavaScript 發(fā)布-訂閱模式

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

13651657101 2019-08-26 13:53 評(píng)論0 收藏0
Backbone精髓，觀察者模式和事件

摘要：原文精髓，觀察者模式和事件交互邏輯更需要設(shè)計(jì)模式設(shè)計(jì)模式將人們?cè)谝酝拈_發(fā)過程中的經(jīng)驗(yàn)加以總結(jié)，以指導(dǎo)后人。的事件根據(jù)上面討論，要實(shí)現(xiàn)觀察者模式，事件是非常重要的機(jī)制。總結(jié)雖然是模式的框架，但是其核心卻是界面的觀察者模式和事件機(jī)制。前言本人并非專業(yè)的前端，只是由于需要被迫轉(zhuǎn)做一段時(shí)間的前端，一段時(shí)間以來開始探索javascript上的MVC模式，最終打算從Backbone下手。在...

Snailclimb 2019-08-21 12:16 評(píng)論0 收藏0
JavaScript設(shè)計(jì)模式之發(fā)布-訂閱模式（觀察者模式）-Part1

摘要：設(shè)計(jì)模式與開發(fā)實(shí)踐讀書筆記。發(fā)布訂閱模式又叫觀察者模式，它定義了對(duì)象之間的一種一對(duì)多的依賴關(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ā)布-訂閱模式又叫觀察者模式，它定義了對(duì)象之間的一種一對(duì)多的依賴關(guān)系。當(dāng)一個(gè)對(duì)象的狀態(tài)發(fā)生改變時(shí)，所有依賴它的對(duì)象都將得到通知。例...

muzhuyu 2019-08-20 12:06 評(píng)論0 收藏0