用Promise构造完整逻辑，教你让异步清晰有序

2024-01-15 23:31:12

Promise是什么？

Promise是一个JavaScript对象，它代表着异步操作的最终完成或失败状态。一旦异步操作完成或失败，Promise就会被“解决”，这意味着它将存储一个值或错误。当Promise被解决后，我们可以使用then()方法来添加回调函数，该回调函数将在Promise解决后立即被调用。

Promise如何工作？

Promise的实现是基于事件循环和回调函数。当一个异步操作被启动时，它会被注册到事件循环中。当事件循环轮到异步操作时，它就会被执行。当异步操作执行完成后，它会将结果或错误传递给Promise，然后Promise就会被“解决”。一旦Promise被解决，它就会调用then()方法中指定的回调函数。

如何使用Promise？

要使用Promise，我们首先需要创建一个Promise对象。我们可以使用Promise()构造函数来创建一个新的Promise对象。然后，我们可以使用then()方法来添加回调函数，该回调函数将在Promise解决后立即被调用。

const promise = new Promise((resolve, reject) => {
  // 执行异步操作
  setTimeout(() => {
    // 异步操作完成后，将结果传递给resolve
    resolve('异步操作已完成！');
  }, 1000);
});

promise.then((result) => {
  // 在异步操作完成后，执行此回调函数
  console.log(result); // '异步操作已完成！'
});