2、JavaScript 异步编程：事件、Promise 及相关应用

JavaScript 异步编程：事件、Promise 及相关应用

1. 事件与 Promise 基础

在 JavaScript 编程中，事件和 Promise 是处理异步操作的重要概念。

事件相关的对象会实现 EventTarget 接口，该接口提供了 addEventListener 和 removeEventListener 方法。若要监听元素或其他对象上的事件，可调用 addEventListener 方法，并传入事件名称和处理函数。只要事件被触发，回调函数就会被调用，直到事件监听器被移除。可以手动调用 removeEventListener 移除监听器，在很多情况下，当对象被销毁或从 DOM 中移除时，浏览器会自动移除监听器。

而许多新的 API 采用了 Promise。Promise 是一个由函数返回的对象，它是异步操作最终结果的占位符。与监听事件不同，我们可以在 Promise 对象上调用 then 方法，并传入一个回调函数，当操作成功完成时，这个回调函数会被调用，其参数为操作的结果。为了处理错误，我们可以给 Promise 的 catch 方法传入另一个回调函数。

事件和 Promise 有几个关键区别：
- 触发次数 ：事件处理程序会被多次触发，而 then 回调函数只执行一次，可以将 Promise 视为一次性操作。
- 结果获取