在js中 await 和async 嵌套使用示例

在JavaScript中，async 和 await 关键字也是用来编写异步代码的，可以在异步函数（使用 async 关键字定义的函数）中使用 await 关键字来等待一个异步操作的完成。同样，在JavaScript中，async 和 await 也可以嵌套使用，这是管理异步操作和保持代码可读性的常用做法。

这里是一个JavaScript中使用 async 和 await 嵌套的简单示例：

async function fetchUserData() {
    console.log("开始获取用户数据...");
    // 模拟异步操作，如从服务器获取数据
    await new Promise((resolve) => setTimeout(resolve, 2000)); 
    console.log("用户数据获取完毕");
    return { id: 1, name: "Alice" };
}

async function processUserData() {
    console.log("开始处理用户数据...");
    const userData = await fetchUserData();
    console.log("用户数据处理完毕.");
    return `Processed data for ${userData.name}`;
}

async function main() {
    const result = await processUserData();
    console.log(result);
}

main();

这个示例中，main 函数通过 await processUserData() 调用 processUserData，该函数内部又通过 await fetchUserData() 调用 fetchUserData。JavaScript引擎会等待每个 await 后面的异步操作完成后再继续执行，这使得异步代码的编写变得像是同步代码一样直观。

在JavaScript中也是可以（并且常见的）将 async 和 await 嵌套使用的，这种方式在处理链式或依赖性强的异步操作时非常有用。