蚂蚁金服前端面试：实现EventEmitter功能

在蚂蚁金服的前端面试题中，提出了实现一个基本的event-emitter的需求，通过考察这一能力，面试官可以评估应聘者对于事件处理及设计模式的理解。 具体到题目要求，需要实现一个名为`EE`的类，这个类应具备以下方法： 1. `emit(name, ...params)`：该方法用于触发一个事件。其中`name`是事件的名称，`params`是传递给事件处理函数的参数。 2. `once(name, func)`：该方法用于监听一个事件，但这个监听器只触发一次。一旦事件被触发，监听器就会自动解除绑定。 3. `on(name, func)`：该方法用于添加一个事件监听器，当指定的事件被触发时，会执行对应的函数。 4. `off(name, func)`：该方法用于移除一个事件监听器，`name`是事件名，`func`是需要移除的监听函数。 这种event-emitter模式在现代JavaScript开发中非常常见，例如在Node.js和前端框架（如React、Vue等）中都有广泛应用。实现这样的模式可以帮助开发者管理复杂的交互逻辑，提高代码的可维护性和解耦。 为了完成这个面试题，需要对JavaScript中的原型链、闭包、以及高阶函数等概念有深入的理解。以下是一个简单实现的示例代码： ```javascript class EE { constructor() { this.events = {}; } emit(name, ...params) { if (this.events[name]) { this.events[name].forEach(listener => { listener(...params); }); } } once(name, func) { function onceHandler(...args) { func(...args); this.off(name, onceHandler); } this.on(name, onceHandler); } on(name, func) { if (!this.events[name]) { this.events[name] = []; } this.events[name].push(func); } off(name, func) { if (this.events[name]) { this.events[name] = this.events[name].filter(listener => listener !== func); } } } ``` 在这个实现中，我们使用了一个对象`this.events`来存储事件名和对应的监听函数数组。`emit`方法遍历对应事件的所有监听函数并执行它们。`once`方法创建一个特殊的监听函数，在该函数执行后，自动将自己从监听数组中移除。`on`方法用于添加监听函数到数组中，而`off`方法则从数组中移除指定的监听函数。 在面试中，如果应聘者能够使用ES6语法或更高版本的JavaScript特性来实现这个功能，例如使用`Map`代替普通的对象，或者利用箭头函数简化`this`的绑定问题，这将展现出应聘者对最新技术的掌握程度和编程能力。 需要注意的是，这只是实现event-emitter的一种方式，实际上开发者可以根据具体需求和场景对其进行扩展和优化。例如，可以增加错误处理机制，支持异步事件处理，或者实现事件的优先级管理等。"