如何在JavaScript (ES6)类上执行自定义事件？

class CustomEvent {
  constructor(name, data) {
    this.name = name;
    this.data = data;
  }
}

class CustomEvent {
  constructor(name, data) {
    this.name = name;
    this.data = data;
    this.listeners = {};
  }

  addEventListener(eventName, callback) {
    if (!this.listeners[eventName]) {
      this.listeners[eventName] = [];
    }
    this.listeners[eventName].push(callback);
  }
}

class CustomEvent {
  constructor(name, data) {
    this.name = name;
    this.data = data;
    this.listeners = {};
  }

  addEventListener(eventName, callback) {
    if (!this.listeners[eventName]) {
      this.listeners[eventName] = [];
    }
    this.listeners[eventName].push(callback);
  }

  dispatchEvent(eventName) {
    const eventListeners = this.listeners[eventName];
    if (eventListeners) {
      eventListeners.forEach(callback => {
        callback(this.data);
      });
    }
  }
}

const myEvent = new CustomEvent('customEvent', { message: 'Hello, World!' });

myEvent.addEventListener('customEvent', data => {
  console.log(data.message);
});

myEvent.dispatchEvent('customEvent'); // 输出：Hello, World!