面试题：JavaScript 符号（Symbol）在事件驱动编程中的独特应用

Question

JavaScript 的符号（Symbol）是一种独特的数据类型。在事件驱动编程的情境下，如何利用符号（Symbol）来实现更安全、更具封装性的事件处理逻辑？请详细说明思路，并给出相应的代码示例，包括如何定义基于符号的事件类型，以及如何触发和监听这些事件。

Answer 1

思路

1. 定义符号事件类型：使用 Symbol 创建唯一的事件类型标识符，这样可以避免与其他库或代码中的事件类型冲突，增强封装性。
2. 事件监听：通过对象的属性来存储事件处理函数，属性名使用 Symbol。
3. 事件触发：遍历存储事件处理函数的对象属性，调用相应的处理函数。

代码示例

// 1. 定义基于符号的事件类型
const EVENT_TYPE = Symbol('eventType');

class EventEmitter {
    constructor() {
        // 存储事件处理函数的对象
        this.eventHandlers = {};
    }

    // 2. 监听事件
    on(eventType, handler) {
        if (!this.eventHandlers[eventType]) {
            this.eventHandlers[eventType] = [];
        }
        this.eventHandlers[eventType].push(handler);
    }

    // 3. 触发事件
    emit(eventType, ...args) {
        if (this.eventHandlers[eventType]) {
            this.eventHandlers[eventType].forEach(handler => handler(...args));
        }
    }
}

// 使用示例
const emitter = new EventEmitter();

emitter.on(EVENT_TYPE, (message) => {
    console.log(`Received event: ${message}`);
});

emitter.emit(EVENT_TYPE, 'Hello, Symbol-based event!');

在上述代码中：

1. 首先定义了一个 Symbol 类型的 EVENT_TYPE 作为事件类型。
2. EventEmitter 类包含 on 方法用于监听事件，emit 方法用于触发事件。
3. on 方法将事件处理函数存储在 eventHandlers 对象中，属性名是 Symbol。
4. emit 方法遍历并调用相应 Symbol 类型事件的处理函数。