學習JavaScript設計模式之觀察者模式_javascript技巧
來源：懂視網
責編：小采
時間：2020-11-27 21:49:07
學習JavaScript設計模式之觀察者模式_javascript技巧
學習JavaScript設計模式之觀察者模式_javascript技巧:一、定義 觀察者模式（發布-訂閱模式）：其定義對象間一種一對多的依賴關系，當一個對象的狀態發生改變時，所有依賴于它的對象都將得到通知。 在JavaScript中，一般使用事件模型來替代傳統的觀察者模式。 好處： （1）可廣泛應用于異步編程中，是一種替
導讀學習JavaScript設計模式之觀察者模式_javascript技巧:一、定義 觀察者模式（發布-訂閱模式）：其定義對象間一種一對多的依賴關系，當一個對象的狀態發生改變時，所有依賴于它的對象都將得到通知。 在JavaScript中，一般使用事件模型來替代傳統的觀察者模式。 好處： （1）可廣泛應用于異步編程中，是一種替
一、定義
觀察者模式（發布-訂閱模式）：其定義對象間一種一對多的依賴關系，當一個對象的狀態發生改變時，所有依賴于它的對象都將得到通知。
在JavaScript中，一般使用事件模型來替代傳統的觀察者模式。
好處：
（1）可廣泛應用于異步編程中，是一種替代傳遞回調函數的方案。
（2）可取代對象之間硬編碼的通知機制，一個對象不用再顯示地調用另外一個對象的某個接口。兩對象輕松解耦。
二、DOM事件–觀察者模式典例
需要監控用戶點擊document.body的動作，但是我們沒有辦法預知用戶將在什么時間點擊。
所以，我們訂閱document.body上的click事件，當body節點被點擊時，body節點便向訂閱者發布這個消息！
某網站有header頭部、nav導航、消息列表等模塊。這幾個模塊的渲染都需要獲取用戶登陸信息。
（1）一般寫法：
（2）使用觀察者模式，很輕松解耦！
三、通用觀察者模式
希望本文所述對大家學習javascript程序設計有所幫助。
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
學習JavaScript設計模式之觀察者模式_javascript技巧
學習JavaScript設計模式之觀察者模式_javascript技巧:一、定義 觀察者模式（發布-訂閱模式）：其定義對象間一種一對多的依賴關系，當一個對象的狀態發生改變時，所有依賴于它的對象都將得到通知。 在JavaScript中，一般使用事件模型來替代傳統的觀察者模式。 好處： （1）可廣泛應用于異步編程中，是一種替
