JavaScript中组合导入多个子模块的核心是混合使用命名导入与默认导入，并通过别名重命名或统一聚合导出提升可读性与可维护性。
在 JavaScript 中，用 import 导入并组合多个功能子模块，核心是利用“命名导入”和“默认导入”的混合写法，再通过对象解构或变量重命名灵活组织代码。
直接导入多个命名导出
如果子模块（如 mathUtils.js、stringUtils.js）分别导出多个命名函数，可一次性导入所需项：
import { add, multiply } from './mathUtils.js';
import { capitalize, truncate } from './stringUtils.js';
这样导入后，add、multiply、capitalize、truncate 都可直接使用。适合功能明确、不重名的场景。
用别名避免命名冲突
当不同模块导出同名函数（比如都导出 format），可用 as 重命名：
import { format as formatDate } from './dateUtils.js';import { format as formatNumber } from './numberUtils.js';
导入后调用时语义清晰：formatDate('2024-01-01') 和 formatNumber(1234.56) 不会混淆。
导入默认 + 命名导出（常见于工具库）
有些模块同时有默认导出（如类或主对象）和命名导出（如辅助函数）：
import axios, { CancelToken, isCancel } from 'axios';
这里 axios 是默认导出，CancelToken 和 isCancel 是命名导出，一行完成组合导入，简洁高效。
统一聚合再导出（推荐用于项目结构）
在项目中，常建一个 index.js 或 utils/index.js 作为入口，集中 re-export 各子模块功能：
// utils/index.js
export { add, subtract } from './math.js';
export { debounce, throttle } from './function.js';
export { deepClone } from './object.js';
然后其他文件只需：
import { add, debounce, deepClone } from './utils/index.js';
这种“聚合导入”让调用方无需关心具体路径，也便于后期调整内部模块结构。
关键是根据模块导出方式（default / named / mixed）选择对应导入语法，并用别名或聚合提升可读性和可维护性。不复杂但容易忽略细节。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
