划重点！ES6-Promise让你不再迷路

2023-10-10 14:45:55

ES6-Promise 的由来

在 ES6 之前，JavaScript 中处理异步操作的主要方式是回调函数。回调函数是指在异步操作完成后执行的函数。然而，当您需要处理多个异步操作时，回调函数的嵌套会导致代码变得难以阅读和维护。

ES6-Promise 的出现解决了这个问题。它提供了一种更优雅的方式来处理异步操作。使用 ES6-Promise，您可以将异步操作包装成一个 Promise 对象，然后使用 then、catch 和 finally 等方法来处理 Promise 对象的状态。

ES6-Promise 的基本概念

Promise 对象

Promise 对象表示一个异步操作的结果。它可以处于三种状态之一：

pending（等待）： Promise 对象刚被创建，异步操作尚未完成。
fulfilled（完成）： 异步操作已成功完成，Promise 对象包含结果。
rejected（拒绝）： 异步操作已失败，Promise 对象包含错误信息。

then 方法

then 方法用于处理 Promise 对象的状态。它接受两个参数：

onFulfilled： 当 Promise 对象的状态变为 fulfilled 时执行的函数。
onRejected： 当 Promise 对象的状态变为 rejected 时执行的函数。

then 方法返回一个新的 Promise 对象，该对象表示下一个异步操作的结果。

catch 方法

catch 方法用于处理 Promise 对象的状态变为 rejected 时的情况。它接受一个参数：

onRejected： 当 Promise 对象的状态变为 rejected 时执行的函数。

catch 方法返回一个新的 Promise 对象，该对象表示下一个异步操作的结果。

finally 方法

finally 方法无论 Promise 对象的状态是 fulfilled 还是 rejected，都会执行的函数。它接受一个参数：

onFinally： 无论 Promise 对象的状态是 fulfilled 还是 rejected，都会执行的函数。

finally 方法返回一个新的 Promise 对象，该对象表示下一个异步操作的结果。

ES6-Promise 的使用示例

以下是一个使用 ES6-Promise 的示例：

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Hello, world!');
  }, 2000);
});

promise.then((result) => {
  console.log(result); // 输出: Hello, world!
}).catch((error) => {
  console.log(error); // 输出: Error: Something went wrong
});

ES6-Promise 的优点

使用 ES6-Promise 有以下几个优点：

代码更易读和维护： 使用 ES6-Promise，您可以将异步操作包装成 Promise 对象，然后使用 then、catch 和 finally 等方法来处理 Promise 对象的状态。这使得您的代码更加清晰易读，也更易于维护。
避免回调函数的嵌套： 使用 ES6-Promise，您可以避免回调函数的嵌套。这使得您的代码更加清晰易读，也更易于维护。
更好的错误处理： ES6-Promise 提供了 catch 方法，用于处理 Promise 对象的状态变为 rejected 时的情况。这使得您可以在错误发生时做出适当的处理，提高程序的健壮性。