javaScript模块化通过export/import实现封装复用，es6模块（ESM）为标准方式，支持静态分析与默认/命名导出导入；Commonjs（CJS）在node.js中仍常用，使用module.exports/require动态加载；二者路径规则、扩展名处理及互操作性存在差异。
javascript模块化通过export和import实现代码的封装与复用，让不同文件能明确声明“提供什么”和“需要什么”，避免全局污染和依赖混乱。
ES6模块（ESM）是标准方式
现代浏览器和Node.js（v14+默认启用）都支持原生ES模块。它基于静态分析，在代码编译阶段就确定依赖关系，不支持条件导入或动态路径拼接（除非用import()动态导入）。
- 导出：用
export声明变量、函数、类；可默认导出一个（export default），也可命名导出多个（export const a = 1） - 导入：用
import加载模块；默认导入写法为import xxx from './module.js'；命名导入需用大括号import { a, b } from './module.js' - 注意：ESM文件必须显式声明
type="module"（html中）或以.mjs结尾 /"type": "module"（package.json中），否则node.js按CommonJS处理
CommonJS（CJS）仍在Node.js常用
Node.js早期采用CommonJS规范，使用module.exports和require()，属于运行时动态加载，支持条件判断和拼接路径。
- 导出：
module.exports = {...}或exports.xxx = ...（后者是前者引用） - 导入：
const mod = require('./module')，返回的是整个module.exports对象 - 兼容提示：在ESM中导入CJS模块时，Node.js会自动包装成默认导出（
import cjs from './cjs-module'），但不能直接解构命名导入（import { x } from './cjs'会报错）
模块解析与路径规则
导入路径决定了模块查找逻辑：
立即学习“Java免费学习笔记（深入）”；
- 相对路径（如
./utils、../config）：从当前文件所在目录开始查找 - 绝对路径（如
/src/index.js）：从文件系统根开始（浏览器不支持，Node.js需注意权限） - 包名导入（如
lodash）：从node_modules中按包入口（package.json的main或exports字段）定位 - 扩展名省略：ESM要求显式写
.js（或.mjs），CJS可省略（Node.js会依次尝试.js、.json、.node）