Promise 的力量：如何在 JavaScript 中编写异步代码

Promise，作为 JavaScript 中一项强有力的工具，为我们处理异步代码提供了全新的视角。在本指南的第二部分，我们将继续深入探究 Promise 的奥秘，全面了解如何使用 Promise.then、Promise.catch 和 Promise.finally 来构建复杂的异步逻辑。

1. Promise.then：处理异步结果

Promise.then 是 Promise 对象提供的一个方法，用于处理异步操作的结果。它允许您在 Promise 完成后执行特定的回调函数，从而实现异步任务的链式调用。

语法：

promise.then(onFulfilled, onRejected);

• onFulfilled：当 Promise 成功执行时要调用的函数，接收 Promise 的结果作为参数。
• onRejected：当 Promise 失败时要调用的函数，接收 Promise 的失败原因作为参数。

举个例子，假设我们有一个 Promise 对象，它表示一个异步请求：

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("请求成功！");
  }, 2000);
});

要使用 Promise.then，我们可以这样写：

promise.then(result => {
  console.log(result); // "请求成功！"
}, error => {
  console.error(error); // "请求失败！"
});

在这个例子中，当 Promise 成功执行时，我们会打印 "请求成功！"，当 Promise 失败时，我们会打印 "请求失败！"。

2. Promise.catch：处理异步错误

Promise.catch 是 Promise 对象提供的一个方法，用于处理异步操作中的错误。它与 Promise.then 非常相似，但它只在 Promise 失败时执行回调函数。

语法：

promise.catch(onRejected);

• onRejected：当 Promise 失败时要调用的函数，接收 Promise 的失败原因作为参数。

举个例子，假设我们有一个 Promise 对象，它表示一个异步请求：

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject("请求失败！");
  }, 2000);
});

要使用 Promise.catch，我们可以这样写：

promise.catch(error => {
  console.error(error); // "请求失败！"
});

在这个例子中，当 Promise 失败时，我们会打印 "请求失败！"。

3. Promise.finally：无论成功或失败都会执行

Promise.finally 是 Promise 对象提供的一个方法，用于在 Promise 完成后无论成功或失败都执行特定的回调函数。它常用于执行一些清理操作，如关闭数据库连接或释放资源。

语法：

promise.finally(onFinally);

• onFinally：无论 Promise 成功或失败都要调用的函数，不接收任何参数。

举个例子，假设我们有一个 Promise 对象，它表示一个异步请求：

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("请求成功！");
  }, 2000);
});

要使用 Promise.finally，我们可以这样写：

promise.finally(() => {
  console.log("无论成功还是失败，都会执行！");
});

在这个例子中，无论 Promise 成功或失败，我们都会打印 "无论成功还是失败，都会执行！"。

4. 实际应用场景

Promise 在实际开发中有着广泛的应用场景，如：

• 处理异步请求：Promise 可以用来处理来自服务器的异步请求，并提供一种简单的方式来处理请求的结果或错误。
• 并发执行任务：Promise 可以用来并发执行多个任务，并提供一种简单的方式来等待所有任务完成。
• 控制异步流程：Promise 可以用来控制异步流程，并提供一种简单的方式来处理流程中的错误。

5. 总结

掌握了 Promise 的使用技巧，您将能够轻松编写异步代码，从而提高代码的可读性、可维护性和可扩展性。

至此，我们已经全面介绍了 Promise 的使用方法。希望您能将 Promise 的强大力量融入您的代码中，创造出更加出色和高效的应用！