js的发布/订阅模式

2019独角兽企业重金招聘Python工程师标准>>>

"use strict";
var coreEvent = /** @class */ (function () {
    function coreEvent() {
        this.handlers = {};
    }
    // 订阅/注册事件 
    coreEvent.prototype.on = function (eventType, handler) {
        // 添加事件
        if (!(handler in this.handlers)) {
            this.handlers[eventType] = [];
        }
        this.handlers[eventType].push(handler);
        return this;
    };
    // 发布事件
    coreEvent.prototype.emit = function (eventType) {
        var handlerArgs = Array.prototype.slice.call(arguments, 1);
        if (this.handlers[eventType]) {
            for (var i = this.handlers[eventType].length - 1; i >= 0; i--) {
                this.handlers[eventType][i].apply(this, handlerArgs);
            }
        }
        return this;
    };
    // 删除事件
    coreEvent.prototype.remove = function (eventType) {
        var currentHandler = this.handlers[eventType];
        if (currentHandler) {
            var len = currentHandler.length;
            currentHandler.splice(0, len);
        }
        return this;
    };
    return coreEvent;
}());

var event = new coreEvent();
测试用例

let i = 0;
    setInterval(() => {
        var str = '价格是' + i++
        var str1 = '价格是' + i++
            event.emit('price', str)
            event.emit('price1', str1)
    }, 1000)
    event.on('price', function(data) {
        console.log('订阅事件price', data)
    })
    event.on('price', function(data) {
        console.log('订阅事件price', data)
    })
    event.on('price1', function(data) {
        console.log('订阅事件price1', data)
    })
    setTimeout(()=>{
        event.remove('price')
    },3000)

转载于:https://my.oschina.net/u/2879089/blog/1928916