await 的核心作用是让模块动态导入可等待、可控制、可组合：它使 import() 返回的 Promise 可暂停 async 函数执行，确保获取模块命名空间对象；支持按需与条件加载；统一用 try/catch 处理错误；并能与数据请求等异步任务串行、并行或竞速协同。
await 在异步模块加载中，核心作用是**让模块动态导入过程可等待、可控制、可组合**，使 import() 动态导入语句真正融入现代异步流程。
await 让 import() 变成可暂停的异步操作
import() 返回一个 Promise，本身不能直接阻塞执行；但配合 await，就能在模块加载完成前暂停当前 async 函数逻辑，避免“先用后载”错误：
- 不加 await：const mod = import('./utils.js') —— 立即返回 Promise，mod 是 Promise 对象，不能直接调用其中的函数
- 加 await：const mod = await import('./utils.js') —— 等待模块下载、解析、执行完毕后，mod 直接是模块的命名空间对象（含 default 和具名导出）
支持按需加载与条件分支
借助 await，可在运行时根据用户行为、设备环境或权限状态，精准触发模块加载：
- 例如：点击按钮才加载图表库，避免首屏冗余
- 再如：移动端加载轻量版组件，桌面端 await import('./desktop-layout.js')
- if (user.role === 'admin') await import('./admin-panel.js') —— 条件清晰，逻辑直白
统一错误处理与加载状态管理
模块加载失败（404、网络中断、语法错误）会 reject Promise，await 会将其转为同步风格异常，便于集中捕获：
立即学习“Java免费学习笔记（深入）”；
- 用 try/catch 包裹：加载失败时可降级显示提示、加载备用模块，或回退到静态 UI
- 避免分散处理：不用为每个 import() 单独写 .catch()，也不用嵌套 then 链
- 结合 loading 状态：await 前设 loading = true，catch 中设 loading = false，视图响应自然
与其他异步任务协同执行
await 不阻塞主线程，因此模块加载可与数据请求、动画、用户交互并行或串行协调：
- 串行：先 await fetch 用户数据，再 await import 对应业务模块（如按角色加载不同功能）
- 并行：Promise.all([import('./a.js'), import('./b.js'), fetch('/api/config')]) —— 多模块+数据一并拉取
- 竞速：await Promise.race([import('./fast.js'), timeout(2000).then(() => import('./fallback.js'))])
