async await 多层嵌套

`async/await` 是 JavaScript 中用于处理异步操作的一种简洁语法，它基于 Promise 实现。当你需要在函数内部等待某个异步操作完成后再执行后续步骤时，可以使用 `async` 关键字声明一个异步函数，并通过 `await` 关键字暂停并等待某个 Promise 对象的结果。

当有多层异步操作嵌套时，你可以这样处理：

async function outerFunction() {
  try {
    // 第一层异步操作
    const result1 = await innerAsyncFunction();

    // 如果第一层成功，继续执行第二层
    const result2 = await anotherInnerAsyncFunction(result1);

    // ... 更多的异步操作，如果需要

  } catch (error) {
    // 捕获并处理错误
    console.error('Error in outerFunction:', error);
  }
}

async function innerAsyncFunction() {
  // 返回一个 Promise
  return new Promise((resolve, reject) => {
    // 异步操作...
    setTimeout(() => resolve('Result from inner function'), 1000);
  });
}

function anotherInnerAsyncFunction(data) {
  // 同理，这是一个异步函数，返回另一个 Promise
  return new Promise((resolve, reject) => {
    // ... 异步操作...
    setTimeout(() => resolve(`Processed data: ${data}`), 500);
  });
}

outerFunction();

在这个例子中，`outerFunction` 调用了两个 `innerAsyncFunction` 和 `anotherInnerAsyncFunction`，每个函数都返回一个 Promise。通过 `await` 关键字，程序会在每一层异步操作完成后继续执行下一层，直到所有异步操作结束。