promise 以及 async和await

Promise是一种用于处理异步操作的特殊对象。它表示一个尚未完成但最终会完成的操作，并可以用于处理回调地狱和编写更清晰、更可读的异步代码。一个Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。一旦Promise的状态变为fulfilled或rejected，它就被认为是已解决（settled）。

创建Promise对象时，我们可以通过传递一个执行器函数来定义异步操作。执行器函数接受两个参数：resolve和reject。当异步操作成功时，我们可以调用resolve函数将Promise的状态设置为fulfilled，并传递解决值。当异步操作失败时，我们可以调用reject函数将Promise的状态设置为rejected，并传递错误信息。

下面是一个使用Promise的简单示例：

const myPromise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    const randomNumber = Math.random();
    if (randomNumber > 0.5) {
      resolve(randomNumber);
    } else {
      reject('Number is less than 0.5');
    }
  }, 1000);
});

// 使用then()方法处理Promise的解决结果
myPromise.then((result) => {
  console.log('Resolved:', result);
}).catch((error) => {
  console.log('Rejected:', error);
});

上面的代码创建了一个Promise对象，其中包含一个延迟1秒的异步操作。如果生成的随机数大于0.5，则调用resolve函数解决Promise，否则调用reject函数拒绝Promise。然后，我们使用then()方法处理Promise的解决结果，catch()方法处理Promise的拒绝结果。

在ES2017中，引入了async/await关键字，它们是使用Promise的语法糖，可以更简洁地处理异步操作。

async函数是一个返回Promise的函数，它使用async关键字声明。在async函数中，我们可以使用await关键字来等待一个Promise解决，并返回解决值。使用async/await可以将异步代码写成类似于同步代码的形式，使其更易读和理解。

下面是一个使用async/await的示例：

function delay(ms) {
  return new Promise((resolve) => setTimeout(resolve, ms));
}

async function myAsyncFunction() {
  try {
    console.log('Start');
    await delay(1000);
    console.log('After 1 second');
    await delay(2000);
    console.log('After 2 seconds');
  } catch (error) {
    console.log('Error:', error);
  }
}

myAsyncFunction();

上面的代码定义了一个async函数`myAsyncFunction()`，其中使用了await关键字等待两个延迟操作的Promise解决。通过使用try-catch块，我们可以捕获可能出现的错误。

当我们调用`myAsyncFunction()`时，它会被执行，并按顺序打印出"Start"、"After 1 second"和"After 2 seconds"。由于async函数返回一个Promise，我们也可以使用then()和catch()方法来处理解决和拒绝结果。