动态导入（import()）返回 Promise，解析为含 default 属性的命名空间对象；即使模块仅有默认导出，也需通过 .default 访问，可解构、链式调用或结合可选链/回退逻辑安全使用。

动态导入（import()）返回的是一个 Promise，它解析为模块的命名空间对象。即使模块只有默认导出，import() 也不会直接返回默认值，而是返回一个包含 default 属性的对象。要获取默认导出内容，需显式访问 .default。

理解动态导入的返回结构

ES 模块的动态导入始终返回命名空间对象（类似 import * as ns from 'module'），哪怕目标模块只写了 export default xxx。例如：

模块 utils.js：

export default function hello() { return 'Hello'; }

动态加载时：

Java注释规范Skills

当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。

下载

立即学习“Java免费学习笔记（深入）”；

const module = await import('./utils.js');<br>console.log(module); // { default: ƒ hello(), __esModule: true }<br>console.log(module.default()); // 'Hello'

常用提取默认导出的方法

• 解构赋值：在 await import() 后立即解构 default
• 链式调用：直接写 (await import('./xxx')).default（适合简单场景）
• 配合条件判断：先检查 module.default 是否存在，再使用（尤其适用于第三方或不确定导出结构的模块）

处理无默认导出的兼容情况

有些模块可能没有默认导出，只有具名导出。安全做法是：

• 用可选链操作符： (await import('./mod')).default?.()
• 提供回退逻辑：const { default: fn } = await import('./mod'); const result = fn ? fn() : fallback();
• 用 typeof 判断类型后再调用，避免运行时错误

搭配 webpack / Vite 的注意事项

构建工具通常能正确处理 export default，但若模块是 CommonJS（如 module.exports = ...），动态导入后可能得到整个 exports 对象。此时 default 可能不存在，而真实值在 module.default || module 中。建议统一使用 export default 语法，或在加载后做适配：

const mod = await import('./legacy-cjs');<br>const actualDefault = mod.default ?? mod;