async await 与promise

async/await和Promise都是JavaScript中处理异步编程的方式，但是它们有一些不同之处。

Promise是一种异步编程的解决方案，它可以将异步操作封装成一个Promise对象，通过链式调用then()和catch()方法来处理异步操作的结果或错误。Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。

async/await是ES2017引入的异步编程解决方案，它可以让异步代码看起来像同步代码，使得代码更加易读易懂。async函数是返回一个Promise对象的函数，并且在函数内部可以使用await关键字来等待一个Promise对象的结果。当await关键字后面的Promise对象状态变为fulfilled时，await表达式的值就是Promise对象的resolve值，如果Promise对象状态变为rejected，则会抛出一个错误。

下面是一个使用Promise和async/await实现异步操作的例子：

使用Promise实现异步操作：

function getData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('data');
    }, 1000);
  });
}

getData().then(data => {
  console.log(data); // 输出：data
}).catch(error => {
  console.log(error);
});

使用async/await实现异步操作：

async function getData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('data');
    }, 1000);
  });
}

async function main() {
  try {
    const data = await getData();
    console.log(data); // 输出：data
  } catch (error) {
    console.log(error);
  }
}

main();