前端手写(二十一)——手写event模块

最新推荐文章于 2025-07-06 16:59:03 发布

卖菜的小白

最新推荐文章于 2025-07-06 16:59:03 发布

阅读量484

点赞数

CC 4.0 BY-SA版权

分类专栏： js面试题文章标签： js 手写 event

本文链接：https://blog.csdn.net/weixin_47450807/article/details/123901474

本文将详细介绍如何手写前端的Event模块，包括关键方法如addEventListener、removeEventListener和dispatchEvent的实现，帮助开发者深入理解事件处理机制。

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

一、写在前面
手写event模块，我们需要手写一些方法，比如说：addEventListener,removeListener,once，removeAllListener,emit。
二、手写

function EventEmitter() {
   
   
  this.events = new Map()
}

//需要封装的方法addListener, removeListener, once, removeAllListener, emit
const wrapFunc = function (fn, once = false) {
   
   
  return {
   
   
    callback: fn,
    once
  }
}

EventEmitter.prototype.addListener = function (type,