javascript模块是什么_如何导入和导出模块【教程】

发布日期： 2026-01-19 阅读量： 作者： 夜晨

JavaScript模块需显式声明加载方式，import必须顶层静态解析，命名导出支持多个具名实体，default导出仅一个且可重命名，HTML中须用type="module"启用。

JavaScript 模块就是带 export 声明的脚本文件，或用 export / export default 显式暴露接口的代码单元；它不是靠文件后缀或运行时自动识别的，而是由加载方式（type="module" 或 import 语句）触发模块解析。

ES 模块是静态解析的：浏览器或 Node.js 在执行前就扫描全部 import 语句，确定依赖图并提前加载。所以 import 必须出现在顶层作用域，不能放在 if、函数或 try 里。

命名导出（export）允许多个导出，导入时必须用大括号匹配原名；默认导出（export default）每个模块只能有一个，导入时可任意起名，不加括号。

/* math.js */
export const PI = 3.14159;
export function add(a, b) { return a + b; }
export default function multiply(a, b) { return a * b; }

/* main.js */
import multiply, { PI, add } from './math.js'; // ✅ 正确
import { multiply } from './math.js'; // ❌ multiply 是 default，不能这样解构

是的。HTML 中的默认是传统脚本模式，即使文件里写了 import，也会直接报 Uncaught Syn

taxError: Cannot use import statement outside a module。

模块机制本身不复杂，但错误往往出在加载链上：一个地方漏了 type="module"，或路径写成 utils.js 而非 ./utils.js，或混合用了 require 和 import —— 这些边界问题比语法本身更常卡住人。

随便看看