Promise的奥秘：剖析异步操作的秘密

前端

2023-12-17 11:16:26

在JavaScript的世界里，Promise是一个神奇的存在，它让异步操作变得如此简单而优雅。从诞生之初，Promise就注定要改变JavaScript的编程格局，让开发者们告别繁琐的回调函数，拥抱更简洁、更可控的异步编程方式。

Promise的本质

Promise，本意是承诺。在程序中，它就是一种承诺：我保证过一段时间后会给你一个结果。

我们知道，JavaScript是一种单线程语言，这意味着它一次只能执行一项任务。当遇到异步操作时，比如网络请求或读取本地文件，JavaScript并不会等待结果返回，而是继续执行后面的代码。

但问题是，我们如何知道异步操作什么时候完成？如何获取它的结果？

这就是Promise的用武之地了。Promise提供了一个统一的接口，让我们可以轻松地处理异步操作的结果。

Promise的状态

Promise有三种状态：

pending（等待）：这是Promise的初始状态，表示异步操作还没有完成。
fulfilled（已完成）：当异步操作成功完成时，Promise的状态变为fulfilled。
rejected（已拒绝）：当异步操作失败时，Promise的状态变为rejected。

Promise的使用方法

要使用Promise，我们需要创建一个Promise对象，然后在异步操作完成后，使用resolve()或reject()方法来改变它的状态。

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

promise.then(result => {
  console.log(result); // '成功'
});

在上面的例子中，我们创建了一个Promise对象，并在1秒后使用resolve()方法来改变它的状态为fulfilled。然后，我们使用then()方法来监听Promise的状态变化，并在Promise状态变为fulfilled时执行回调函数。

如果异步操作失败了，我们可以使用reject()方法来改变Promise的状态为rejected。

const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    reject('失败');
  }, 1000);
});

promise.catch(error => {
  console.log(error); // '失败'
});