V8 9.1 正式支持顶层 await !

V8 9.1 正式支持顶层 await，允许在模块最外层直接使用 await，无需包裹在 async 函数中。这一特性简化了异步代码的编写，尤其在模块化开发中具有显著优势。

• 传统限制：在 ES 模块出现前，await 只能在 async 函数内使用，否则会抛出 SyntaxError。例如：await Promise.resolve(console.log(' ')); // SyntaxError需通过 IIFE 包裹：(async function() { await Promise.resolve(console.log(' '));}());
• 顶层 await 的作用：从 V8 9.1 开始，模块最外层可直接使用 await，使整个模块类似一个巨大的 async 函数：await Promise.resolve(console.log(' ')); // 直接执行注意：仅限 ES 模块，script 标签或 CommonJS 模块不支持。

场景：工具库模块导出函数，中间件需异步初始化后再导出结果，主程序无法直接获取同步值。

• 传统方案（中间件使用 IIFE）：

  // middleware.jsimport { square, diagonal } from './library.js';let squareOutput, diagonalOutput;(async () => { await delay(1000); squareOutput = square(13); diagonalOutput = diagonal(12, 5);})();export { squareOutput, diagonalOutput };// main.jsimport { squareOutput, diagonalOutput } from './middleware.js';console.log(squareOutput); // undefined（需异步获取）

• 顶层 await 优化：

  // middleware.jsawait delay(1000); // 直接阻塞模块执行squareOutput = square(13);diagonalOutput = diagonal(12, 5);export { squareOutput, diagonalOutput };// main.jsimport { squareOutput, diagonalOutput } from './middleware.js';console.log(squareOutput); // 169（同步获取）

  优势：主程序可直接同步获取中间件导出的值，无需额外异步处理。

1. 动态依赖导入根据运行时环境切换依赖：

   const strings = await import(`/i18n/${navigator.language}`);

2. 资源初始化模块申请资源并处理错误：

   const connection = await dbConnector();

3. 依赖回退主依赖失败时切换备用资源：

   let jQuery;try { jQuery = await import('
   https://cdn-a.example.com/jQuery'
   );} catch { jQuery = await import('
   https://cdn-b.example.com/jQuery'
   );}

• 传统顺序：同步、确定性，按后序遍历执行模块树。
• 顶层 await 影响：

  模块遇 await 会暂停执行，直到 Promise 完成。

  子模块需等待父模块的 await 完成后才能继续执行。

  同级模块仍保持同步顺序，除非包含其他 await。

1. 顶层 await 是否阻断执行？仅阻断当前模块及依赖它的父模块，同级模块可继续执行。

2. 是否影响资源请求？发生在执行阶段，不影响资源加载（链接阶段已完成）。

3. CommonJS 支持？仅限 ES 模块，CommonJS 未实现此特性。

V8 9.1 的顶层 await 通过简化异步模块设计，解决了依赖初始化、动态导入等痛点，同时保持了模块执行的确定性。开发者需注意其作用范围（仅 ES 模块）及对执行顺序的影响，合理利用可显著提升代码可读性和维护性。