2. 程式人生 > >訂閱發布模式概念基礎

訂閱發布模式概念基礎

阿新 • • 發佈：2018-10-13
cti 管理 listen function const 概念 訂閱 col 沒有

- 讓寫出的代碼具有可維護性，可復用性，可移植性。不再專註於代碼本身，而是站在宏觀的角度思考代碼，想如何規劃和管理代碼

- 代碼至少滿足"低耦合 高內聚"

- 低耦合:每個模塊之間的代碼沒有關聯性

- 高內聚:每個模塊代碼都是由關聯性很強的代碼組成，都是用來實現單一的功能，得遵守單一職責的原理

- 如何將單獨的功能在需要執行的地方執行 ->訂閱發布模式

訂閱 ：做計劃

發布 ：執行計劃

取訂閱 ：取消計劃

function fn1(){}
function fn2(){}
document.addEventListener(‘click‘,fn1,false);
document.addEventListener(
 
‘click‘,fn2,false);
document.removeEventListener(‘click‘,fn2,false);

鼠標點擊這件事發生時：

做計劃：對事件添加綁定的行為fn1,fn2

取消計劃：對事件解除綁定的行為fn2

執行計劃：用戶點擊時

訂閱發布模式的基礎練習：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<div id="div1"></div>
</body>
</html>
<script>
    //
 
做計劃 on
    //取消計劃 off
    //執行計劃 fire
    let oDiv = document.getElementById(‘div1‘);
    function fn1() {
        alert(‘第一個方法‘);
    }
    function fn2() {
        alert(‘第二個方法‘);
    }
    function fn3() {
        alert(‘第三個方法‘);
    }
    on(oDiv,‘marry‘,fn1);
    on(oDiv,‘marry‘,fn2);
    on(oDiv,‘marry‘,fn3);
    off(oDiv,
 
‘marry‘,fn3);
    window.setTimeout(function(){
        fire.call(oDiv,‘marry‘);
    },1000);
    function on(ele,type,fn){
        //有個事件池，放著跟事件相關的行為
        //如何定義跟事件類型相關的事件池（數組）ele[‘my‘+type] +‘my‘為了和系統事件區分
        if(!ele[‘my‘+type]) {
            ele[‘my‘ + type] = [];
        }
        let a = ele[‘my‘+type];
        a.forEach(function (item,index) {   //處理重復綁定
            if(item === fn) return;
        })
        a.push(fn);//把每個行為放在於事件相關的事件池中
    }
    function off(ele,type,fn){
        //1.獲取事件池
        let a = ele[‘my‘ + type];
        //遍歷事件池 是否有這個計劃
        if(a && a.length > 0) {
            a.forEach(function (item, index) {
                if (item === fn) {
                    //防止數組發生塌陷，假移除
                    a[index] = null;
                }
            })}
//        for(let i = 0; i < a.length; i++){
//                if(a[i] === fn){
//                    a[i] = null;
//                }
//            }
//        }
    }
    function fire(type){//發布計劃 把事件池中的計劃取消
        let a = this[‘my‘ + type];
        if(a && a.length > 0){
            for(let i = 0; i < a.length; i++){
                if(typeof a[i] === ‘function‘){
                    a[i].call(this);
                }else{
                    a.splice(i,1);
                    i--;
                }
            }
        }
    }
</script>

訂閱發布模式概念基礎

相關推薦

訂閱發布模式概念基礎

cti 管理 listen function const 概念 訂閱 col 沒有 - 讓寫出的代碼具有可維護性，可復用性，可移植性。不再專註於代碼本身，而是站在宏觀的角度思考代碼，想如何規劃和管理代碼 - 代碼至少滿足"低耦合 高內聚" - 低耦合:每個模塊之間的代碼沒有

訂閱發布模式和觀察者模式真的不一樣

參考資料 csharp net 結構 com dash 通知操作 模式 發布-訂閱模式 1、觀察者模式 觀察者模式定義了對象間的一種一對多的依賴關系，當一個對象的狀態發生改變時，所有依賴於它的對象都將得到通知，並自動更新。觀察者模式屬於行為型模式，行為型模式關註的是對象之

用訂閱/發布者模式解決異步函數結果依賴的問題

nts 簡單 time res llb 回調 不能 urn event 我們都知道node是基於事件無阻塞i/o模型的，所以說大部分函數都是以異步實現的，請看下面代碼： db.query(sql1, function (err, data) { //cod

關於laravel5 消息訂閱/發布的理解初

窗口 img red artisan 訂閱模式 psu .cn 頻道 truct laravel5.4感覺官網文檔說滴不夠詳細...安裝predis官網很詳細，這裏略過.... 生成命令 直接使用 Artisan 命令 make:command，該命令會在 app/Cons

RabbitMQ學習（三）訂閱/發布

cto submit actor nal chan true exec oid lsp RabbitMQ學習（三）訂閱/發布 1.RabbitMQ模型 前面所學都只用到了生產者、隊列、消費者。如上圖所示，其實生產者並不直接將信息傳輸到隊列中，在生產者和隊列

緩存數據庫-redis(訂閱發布)

之間 height obj 緩存 urn response span self 頻道 一：Redis 發布訂閱 Redis 發布訂閱(pub/sub)是一種消息通信模式：發送者(pub)發送消息，訂閱者(sub)接收消息。 Redis 客戶端可以訂閱任意數量的頻道。 下圖展

[轉載]版本發布模式有幾種？

軟件 通過 依賴關系 一致性 可行性 其它 要素 png 一般來說 現在，IT媒體把DevOps炒的火熱，但還是讓我們來一起研究一下最基本的東西吧。因為這些最基本的東西會從根本上影響你做事的方式。 今天先談談軟件版本發布模式。 選擇版本發布策略時，通常有以下三個維

sql server 訂閱發布的配置

下一步 相同 設置 很多 賬號 同步 http size 註意 網上sql server 的發布訂閱功能的教程很多，但是很多東西寫的不是很詳細，常常給人誤解，現在根據自己的情況從新整理一下: 1、服務器端 然後一路下一步， 2、訂閱端(重點) 給服務器在本地

redis訂閱發布消息操作本地緩存

修改 img eas jsb fill mar 定時 本地 緩存 Redis 本地緩存+遠程緩存方案 使用純java的ehcache作為本地緩存 Reids 作為遠程分布式緩存 解決redis緩存壓力過大，提高緩存速度，以及緩存性能。 Redis和ehcache緩存

PHP + Redis 訂閱/發布 實現即時通訊功能

PHP Redis 訂閱/發布 即時通訊 最近比較忙，沒時間更新博客，先暫時記下，待後續補充 Redis Sub/Pub 訂閱/發布 待編輯 PHP + Redis 訂閱/發布 實現即時通訊 待編輯 PHP + Redis 訂閱/發布 實現即時通訊功能

C# 數據推送 實時數據推送 輕量級消息訂閱發布 多級消息推送 分布式推送

特性 style 群聊 開始 AC 消息訂閱 進度 都在 多人 前言 本文將使用一個NuGet公開的組件技術來實現數據訂閱推送功能，由服務器進行推送數據，客戶端訂閱指定的數據後，即可以接收服務器推送過來的數據，包含了自動重連功能，使用非常方便 nuget地址：https

初次使用Fleck+redis訂閱發布實現學習小demo

直接 一次 align -s 按鈕 for 添加引用 加油 訂閱發布 首先安裝Fleck的程序包添加引用下面是客戶端代碼： 客戶端代碼： 運行效果： 遇到的問題： Q:通常每個套接字地址(協議/網絡地址/端口)只允許使用一次 A:是因為本萌新

C#設計模式--觀察者模式（發布-訂閱模式）

工廠方法 設計 解決 line strac itl names spa ret 0.C#設計模式--簡單工廠模式 1.C#設計模式--工廠方法模式 2.C#設計模式--抽象工廠模式 3.C#設計模式--單例模式 4.C#設計模式--建造者模式 5.C#設計模式--

javascript 設計模式 -- 發布/訂閱模式

length 內部 設計模式 name 不能 data lis 設計 class 直接上代碼： index.html : <!DOCTYPE html> <html lang="en"> <head> <meta charset

觀察者模式和發布/訂閱模式的區別

observe nbsp 初步 有時 觀察 觀察者 發生 狀態 發現 在事件總線(EventBus)的架構設計中，用到了發布/訂閱模式，但發現和觀察者模式挺接近，有時容易發生混淆，現試圖分清一下他們的關系。 觀察者模式的角色為觀察者(observer)

JMS消息隊列ActiveMQ(發布／訂閱模式)

jms activemq 消息隊列 (發布／訂閱模式) 消費者1（Consumer）--訂閱（subcribe）-->主題（Topic）package com.java1234.activemq2; import javax.jms.Connection; import javax.j

javascript發布訂閱pubsub模式

執行 遍歷 log 訂閱 ons mit asc 訂閱者 foreach 首先使用數組緩存訂閱者訂閱的消息，當訂閱者訂閱消息的時候，把訂閱的消息push到指定消息的隊列中，當發布者發布消息的時候，我們遍歷執行push到指定消息隊列中的回調事件。 var Pubsub=(f

[js高手之路]設計模式系列課程-發布者,訂閱者重構購物車

購物車 代碼重構 發布者訂閱者模式，是一種很常見的模式，比如:一、買賣房子生活中的買房，賣房，中介就構成了一個發布訂閱者模式，買房的人，一般需要的是房源，價格，使用面積等信息，他充當了訂閱者的角色中介拿到賣主的房源信息，根據手頭上掌握的客戶聯系信息(買房的人的手機號)，通知買房的人，他充當了發布者的角

Redis 發布/訂閱模式

eal ole valid ets console all [] nco 訂閱 一.命令簡介 1.PSUBSCRIBE 訂閱一個或多個符合給定模式的頻道。2.PUBLISH 將信息 message 發送到指定的頻道 channel 。3.PUBSUB 是一個查看訂閱與發布

NetMQ 發布訂閱模式 Publisher-Subscriber

target send 打開 col 請求響應模型 wid mat on() kobject 第一部分引用於：點擊打開 1：簡單介紹 PUB-SUB模式一般處理的都不是系統的關鍵數據。發布者不關註訂閱者是否收到發布的消息，訂閱者也不知道自己是否收到了發布者發出的所有消息。你