async 和 await 是 JavaScript 中处理异步操作的新方法，它们使得异步代码的编写和同步代码一样直观易懂。以下是 async 和 await 的用法详解：

async

async 关键字用于声明一个函数是异步的，这意味着该函数会返回一个 Promise 对象。如果函数正常执行结束，则 Promise 会以 resolve 方式解析；如果函数中抛出错误，则 Promise 会以 reject 方式解析。

声明一个异步函数

// 声明异步函数
async function asyncFunction() {
  // 异步操作
}

在异步函数中，你可以使用 await 关键字等待一个 Promise 解析完成。

异步函数返回值

// 返回一个Promise
async function asyncFunction() {
  return 'Hello World';
}

asyncFunction().then(value => {
  console.log(value); // 输出：Hello World
});

如果异步函数中没有使用 await，则函数的行为和使用 .then 和 .catch 处理 Promise 没有区别。

await

await 关键字只能在 async 函数内部使用，它用于等待一个 Promise 解析完成。await 会暂停函数的执行，直到等待的 Promise 被解决（resolved）或被拒绝（rejected）。

基本用法

async function asyncFunction() {
  const result = await Promise.resolve('Hello World');
  console.log(result); // 输出：Hello World
}

如果 Promise 被拒绝，await 会抛出一个错误，你可以用 try...catch 语句捕获这个错误。

错误处理

async function asyncFunction() {
  try {
    const result = await Promise.reject('Error occurred');
  } catch (error) {
    console.error(error); // 输出：Error occurred
  }
}

并发处理多个异步操作

await 可以并发处理多个异步操作，而不是顺序执行。

async function asyncFunction() {
  const promise1 = Promise.resolve('First');
  const promise2 = Promise.resolve('Second');

  // 并发执行
  const result1 = await promise1;
  const result2 = await promise2;

  console.log(result1, result2); // 输出：First Second
}

异步迭代器

async 还可以和 for...await...of 一起使用，用于异步迭代器。

async function asyncFunction() {
  async function* asyncGenerator() {
    yield Promise.resolve('First');
    yield Promise.resolve('Second');
  }

  for await (const value of asyncGenerator()) {
    console.log(value); // 输出：First 和 Second
  }
}

注意事项

1. await 只能在 async 函数内部使用。
2. await 后面必须跟一个 Promise 对象，否则会抛出错误。
3. 使用 await 时，如果 Promise 被拒绝，会抛出错误，需要用 try...catch 捕获。
4. async 函数总是返回一个 Promise，即使函数中没有 await 表达式。

async 和 await 的引入使得异步代码的编写更加直观和易于管理，它们已经成为现代JavaScript异步编程的标准工具。