Event emitter的监听事件

Event emitter的监听事件
这次给大家带来Event emitter的监听事件，使用Event emitter监听事件的注意事项有哪些，下面就是实战案例，一起来看一下。

这次给大家带来Event emitter的监听事件，使用Event emitter监听事件的注意事项有哪些，下面就是实战案例，一起来看一下。

什么是 Event Emitter?

Event emitter 听起来只是触发一个事件，这个事件任何东西都能监听。

想象一下这样的场景，在你的异步代码中，去“呼叫”一些事件的发生，以及让你其他部分都要听到你的“呼叫”并且注册他们的想法。

为了不同的目的，对于 Event Emitter 模式有大量不同的实现，但是基本的想法是为了给一个框架提供事件的管理以及能够去订阅他们。

在这里，我们的目标创建属于我们自己的 Event Emitter 去理解背后的秘密。所以，让我们看一下下面的代码是怎么工作的。

let input = document.querySelector("input[type="text"]");let button = document.querySelector("button");let h1 = document.querySelector("h1");button.addEventListener("click", () => {  emitter.emit("event:name-changed", { name: input.value });});let emitter = new EventEmitter();emitter.subscribe("event:name-changed", data => {  h1.innerHTML = `Your name is: ${data.name}`;});