eventEmitter

最新推荐文章于 2024-08-23 13:55:08 发布

zyx_

最新推荐文章于 2024-08-23 13:55:08 发布

阅读量568

点赞数 1

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/zyx1303031629/article/details/90667007

版权

js 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

编写事件派发器

可以监听xxx事件触发xxx事件

function eventEmmitter() {

this.listeners = {};

}

eventEmmitter.prototype = {

// 监听

on: function(eventName, fn) {

console.log("监听事件");

let arrs = (this.listeners[eventName] = this.listeners[eventName] || []);

let arr = {

handler: fn

};

arrs.push(arr);

return arr;

},

// 触发

trigger: function(eventName, data) {

console.log("触发事件");

console.log(eventName);

console.log(data);

if (this.listeners[eventName]) {

for (var i = 0, len = this.listeners[eventName].length; i < len; i++) {

this.listeners[eventName][i].handler(data);

}

}

}

};

// 实例化

const event = new eventEmmitter();

// 导出

export default event;