掌握Promise.prototype.finally：JavaScript中的重要用法

JavaScript 中的 Promise 对象是异步编程的一种解决方案，它代表了一个最终可能完成也可能失败的操作，并带有相应成功或失败的结果值。Promise 为我们处理异步操作提供了一种更加清晰和一致的处理方式。而在 ECMA Script 2018 (ES9) 中，Promise 对象得到了扩展，增加了 `.finally()` 方法。这个方法提供了一种方式，使得开发者在 Promise 结束时无论成功还是失败都能执行某些代码。 `.finally()` 方法接受一个回调函数作为参数。当 Promise 进行到最后无论结果如何都会调用这个回调函数。重要的是，无论 Promise 的结果是 resolve 还是 reject，`finally` 方法返回的总是原 Promise 的结果。也就是说，`finally` 里的回调不会改变 Promise 的值，也不会接收任何参数。 ### finally() 方法的优点： 1. **代码复用**：`finally` 方法可以让我们复用在 Promise 解决或拒绝之后执行的代码，不用再写两次。 2. **清理工作**：它特别适合于进行清理工作，比如关闭数据库连接，取消网络请求，取消订阅等操作。 3. **逻辑分离**：通过 `finally` 方法，我们可以将结束处理的逻辑与成功或失败的处理逻辑分离开来，使得代码结构更清晰。 ### finally() 方法的用法： ```javascript // 假设有一个异步函数，返回一个Promise对象 function asyncOperation() { return new Promise((resolve, reject) => { // 异步操作 if (/* 成功的条件 */) { resolve('操作成功'); } else { reject('操作失败'); } }); } // 使用finally方法 asyncOperation() .then(result => console.log(result)) // Promise resolve时的处理逻辑 .catch(error => console.log(error)) // Promise reject时的处理逻辑 .finally(() => { // 无论Promise resolve还是reject，都会执行这里的代码 console.log('Promise操作完成，无论结果如何都需要执行的代码'); }); ``` ### 注意事项： - `.finally()` 方法接收的函数不接受任何参数，因此无法直接从该函数内部判断 Promise 状态是解决还是拒绝。 - 如果在 `.finally()` 内部抛出错误，则会返回一个被拒绝的 Promise，并且该错误会被传递给下一个 `catch` 块。 - 如果 `.finally()` 中的回调函数返回一个 Promise 对象，那么后续的处理将等待该 Promise 完成，并且 `.finally()` 返回的将是该 Promise 的结果。 ### 总结： `.finally()` 方法让代码更加简洁且易于维护，特别是当多个 Promise 需要执行相同清理逻辑时。它保证了无论 Promise 的最终状态如何，都能执行某些特定的代码，这对于处理一些必须要执行的清理工作特别有用。在实际开发中，合理运用 `.finally()` 方法，可以让我们编写的异步代码逻辑更加清晰和健壮。