javascript - TypeScript 和 JavaScript : Communicate using events with content

Question

我已经实现了以下服务，以便使用事件在 Javascript 和 TypeScript 模块之间进行通信。这工作正常，但除了传输事件之外，我还想发送一个带有事件的对象，至少在某些情况下是这样。但是，我不知道如何开始。有什么提示吗？

export interface IEventNotifcationService {
    subscribe(event: MyEvent, callback: () => void);
    emit(event: MyEvent);
}

export class EventNotifcationService implements IEventNotifcationService {

    static serviceId = 'myServiceID';

    callbacks: { [key: number]: (() => void)[] } = {};

    constructor(private $timeout: ng.ITimeoutService) {
        for (const event in MyEvent) {
            this.callbacks[event] = [];
        }
    }

    subscribe(event: MyEvent, callback: () => void) {
        this.callbacks[event].push(callback);
    }

    emit(event: MyEvent) {
        for (const callback of this.callbacks[event]) {
            this.$timeout(callback, 0);
        }
    }
}

export enum MyEvent {
    A = 'A',
    B = 'B',
    C = 'C'
}

Answer 1

您应该更新subscribe 和emit。

subscribe(event: MyEvent, callback: () => void) {
        this.callbacks[event].push(callback);
    }

emit(event: MyEvent) {
        for (const callback of this.callbacks[event]) {
            this.$timeout(callback(event), 0);
        }
    }

以下是定义回调的方法

let listener = (event) => {
  console.log('event occurred. data from the event:', event);
}

service.subscribe(listener)