javascript 自定义事件

 // 自定义事件 创建一个管理事件的对象 ， 让其他对象监听那些事件
        class EventTarget {
            constructor(handlers) {
                this.handlers = {};
            }
            addHandler(type, handler) {
                if (typeof this.handlers[type] == 'undefined') {
                    this.handlers[type] = []
                }
                this.handlers[type].push(handler)
            }
            fire(event) {
                if (!event.target) { event.target = this; }
                if (this.handlers[event.type] instanceof Array) {
                    var handlers = this.handlers[event.type];
                    for (var i = 0, len = handlers.length; i < len; i++){
                    handlers[i](event); }
                }
            }
            removeHandler(type, handler) {
                var handlers = this.handlers[type];
                for (var i = 0; i < handlers.length; i++) {
                    if (handlers[i] == handler) {
                        break
                    }

                }
                handlers.splice(i, 1);
            }
        }
      function handleMessage(event) {
            alert('Message received' + event.message); // Message receivedHello World
        }


        var target = new EventTarget();

        target.addHandler('message', handleMessage); //绑定事件

        target.fire({ type: 'message', message: 'Hello World' }) // 触发事件

        target.removeHandler('message', handleMessage); // 删除事件
复制代码

事件继承

        class Person extends EventTarget { // 继承
            constructor(fire, name, age) {
                super(fire);
                this.name = name
                this.age = age
            }
            say(message) {
                this.fire({ type: 'message', message: message })
            }
        }
        
        function handleMessageCall(event) {
            alert(event.target.name + " says: " + event.message); // 100 says: Hi there.
        }

        var person = new Person('libai', 100)
        person.addHandler("message", handleMessageCall);
        person.say('Hi there.')
复制代码

转载于:https://juejin.im/post/5c92e0905188252d9559187a