使用动态导入 import() 时，浏览器和 node.js 的模块加载器会自动处理去重。只要请求的是同一个模块标识符（如相同的文件路径或包名），底层机制会确保该模块只执行一次初始化逻辑并返回相同的实例。因此，避免重复加载的核心做法是：在代码中直接使用标准的 import() 语法，无需手动编写缓存逻辑，但需确保传入的路径字符串一致。
多次调用 import() 是否会导致代码重复执行
不会。即使你在不同的函数或组件中多次调用 import('./module.js')，模块内的顶层代码也只会运行一次。后续调用直接返回之前创建的模块对象（Module Namespace Object）。这种行为类似于 CommonJS 中的 require() 缓存机制，确保了单例行为。
const loadModule = async () => {
// 第一次调用：下载、解析、执行
const mod1 = await import('./utils.js');
console.log(mod1.default);
// 第二次调用：直接从缓存获取，不重新执行
const mod2 = await import('./utils.js');
console.log(mod1 === mod2); // true
};
loadModule();
上述代码展示了同一模块被两次导入的情况。第一次调用触发网络请求和模块初始化，第二次调用则立即从内部缓存中检索已解析的模块对象。输出结果会显示两个引用指向同一个对象，证明没有重复执行。
立即学习“Java免费学习笔记（深入）”；
动态路径变化如何影响加载去重
如果动态导入的路径字符串发生变化，例如拼接了版本号或查询参数，加载器会将其视为不同的模块标识符，从而导致重复加载。为了避免这种情况，必须保持路径字符串的绝对一致性，或者在应用层面维护一个显式的缓存映射表来拦截重复请求。
const cache = new Map();
async function safeImport(path) {
if (cache.has(path)) {
return cache.get(path);
}
const module = await import(path);
cache.set(path, module);
return module;
}
当无法保证静态分析工具能识别动态路径时，可以使用上述 safeImport 函数手动实现缓存。它检查 Map 中是否已存在该路径的模块实例，若存在则直接返回，否则执行导入并缓存结果。这种方法特别适用于路径中包含可变参数（如用户 ID）但实际指向同一逻辑模块的场景。
基于 import() 返回值的类型与内容问题
import() 始终返回一个 Promise，其解析值为一个包含模块所有导出内容的对象。这个对象的结构取决于模块导出的方式。如果是命名导出，属性名对应导出名；如果是默认导出，则通过 default 键访问。理解这一结构有助于正确处理异步加载后的数据。
export const name = 'Alice';
export default function greet() { return 'Hi'; }
import('./greet.js').then(mod => {
console.log(mod.name); // Alice
console.log(mod.default()); // Hi
});
这段代码演示了如何从动态导入的结果中提取命名导出和默认导出。开发者需要注意，即使模块没有显式导出任何内容，返回的对象依然存在，只是可能为空或仅包含内部状态。正确解构返回值是避免运行时错误的关键。
