Promise与Async：揭秘异步编程的强大力量

前端

2023-09-07 21:59:13

Promise：异步编程的利器

Promise是一个JavaScript对象，它代表一个异步操作的最终完成或失败的结果。Promise提供了一个统一的API，让您可以在异步操作完成后执行特定的回调函数。

在Promise中，有三个状态：

Pending： 表示异步操作正在进行中。
Fulfilled： 表示异步操作已成功完成。
Rejected： 表示异步操作已失败。

您可以使用.then()方法来处理Promise的状态。.then()方法接受两个参数：

resolvedCallback： 当Promise状态变为Fulfilled时调用的回调函数。
rejectedCallback： 当Promise状态变为Rejected时调用的回调函数。

例如，以下代码演示了如何使用Promise：

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

promise.then(result => {
  console.log(result); // 输出: Hello, world!
});

Async：让异步编程更简单

Async是JavaScript中另一个强大的工具，它可以简化异步编程。Async函数是一个使用async声明的函数，它可以让您使用await关键字来暂停函数的执行，直到异步操作完成。

例如，以下代码演示了如何使用Async函数：

async function helloWorld() {
  const result = await new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Hello, world!');
    }, 2000);
  });

  console.log(result); // 输出: Hello, world!
}

helloWorld();