封装没有嵌套关系的组件之间通信

最新推荐文章于 2025-02-13 21:13:52 发布

下雨不愁233

最新推荐文章于 2025-02-13 21:13:52 发布

阅读量212

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_43271750/article/details/84579001

本文介绍了一个简单的事件监听器实现方式，包括事件注册、执行、移除及销毁等核心功能。通过实例展示了如何使用该事件监听器进行事件监听与触发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let mEvent = null;
class _Event {
	constructor() {
	   this.EVENTARR = [];
	}

    on(name, fun) {        // 注册事件
        if (name && name != undefined && (typeof fun === 'function')) {
            this.EVENTARR.push({ name: name, fun: fun });
        } else {
            throw new Error('事件注册失败,请检查参数是否正确!');
        }
    }

    emit(name, data) {    //执行事件
        this.EVENTARR.map((e) => {
            if (e.name === name) {
                e.fun(data);
            }
        });
    }

    remove(name) {    //移除
        if (!name) {
            return;
        }
        this.EVENTARR.map((e, index) => {
            if (e.name === name) {
                this.EVENTARR =  this.EVENTARR.slice(index, 1);
            }
        });
    }

    destory() {    //销毁
        this.EVENTARR = [];
    }
}
function getInstance() {
    if (!mEvent) {
        mEvent = new _Event();
    }
	return mEvent;
}

module.exports = getInstance();
/**
 *const Event = new _Event();
  Event.on('click', (data) => {
    console.log(data);
    Event.remove('click')
  });
  setTimeout(() => {
    Event.emit('click', 'data');
  }, 1000); 
*/