深入浅出ES6中的Promise用法

2023-09-23 10:05:31

ES6 中的 Promise 是一个构造函数，它提供了一种更优雅的方式来处理异步操作，可以使代码更加清晰易读。Promise 的实例表示一个异步操作的结果，它可以处于三种状态之一：

Pending ：表示异步操作尚未完成。
Fulfilled ：表示异步操作已成功完成。
Rejected ：表示异步操作已失败。

Promise 对象有以下几个方法：

then() ：用于注册回调函数，当 Promise 对象的状态发生改变时，会调用相应的回调函数。
catch() ：用于注册回调函数，当 Promise 对象的状态变为 Rejected 时，会调用相应的回调函数。
finally() ：用于注册回调函数，无论 Promise 对象的状态如何，都会调用相应的回调函数。

Promise 的用法

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

const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    // 成功时调用 resolve()
    resolve("成功");
  }, 1000);
});

promise
  .then((result) => {
    // 成功时调用
    console.log(result); // 输出：成功
  })
  .catch((error) => {
    // 失败时调用
    console.error(error);
  });

在上面的示例中，我们首先创建了一个 Promise 对象，然后使用 setTimeout() 模拟了一个异步操作。当异步操作成功时，我们调用 resolve() 方法，并将结果传递给 then() 方法的回调函数。当异步操作失败时，我们调用 reject() 方法，并将错误信息传递给 catch() 方法的回调函数。