顶层 await 会暂停当前模块的后续代码执行，直到 promise 被解决。这意味着该模块内的所有同步和异步逻辑都会延后运行，且依赖此模块的其他模块也会被阻塞，直到它完成初始化。
顶层 await 如何影响模块内部的执行顺序
在模块内部，顶层 await 之后的代码会被包装在一个隐式的异步函数中。这导致这些代码不会立即执行，而是被挂起，等待 Promise 状态变为 fulfilled 或 rejected。在此期间，模块顶部的同步代码（await 之前的部分）会按正常顺序执行完毕。
// moduleA.js
console.log('1. Start');
const data = await fetch('/api/data'); // 顶层 await
console.log('2. End'); // 这行会在 fetch 完成后执行
当模块 A 包含顶层 await 时，控制台首先打印 '1. Start'。随后，脚本引擎遇到 fetch 调用，发起网络请求并返回一个 Promise。此时，模块的执行流暂停，console.log('2. End') 不会被立即执行。只有当网络响应到达且 Promise 被解决后，剩余的代码才会继续运行。
立即学习“Java免费学习笔记（深入）”；
顶层 await 对依赖模块加载顺序的影响
如果一个模块 B 导入了包含顶层 await 的模块 A，那么模块 B 的加载和执行也会被推迟。浏览器或 Node.js 环境必须等待模块 A 完全解析并执行完其顶层 await 之后，才会开始加载和执行模块 B。这种机制确保了模块间的依赖关系是严格有序的。
// main.js
import { init } from './moduleA.js';
init(); // 这行会在 moduleA.js 的顶层 await 完成后才执行
在上面的例子中，main.js 导入 moduleA.js。由于 moduleA.js 中有顶层 await，main.js 中的 init() 调用不会立即发生。相反，JavaScript 引擎会先处理 moduleA.js 的异步初始化过程。一旦 moduleA.js 的顶层 await 完成，main.js 的代码才会继续执行，从而保证 init 函数是在模块 A 完全就绪后被调用的。
顶层 await 在错误处理时的行为表现
如果顶层 await 所关联的 Promise 被拒绝（rejected），整个模块的初始化将失败。这会导致模块处于错误状态，任何尝试导入该模块的操作都会抛出异常。这对于确保关键资源（如数据库连接或配置信息）在模块使用前已正确加载至关重要。
