javascript的模块化是什么_如何使用import和export？

JavaScript模块化通过export和import实现代码拆分与依赖管理，支持命名导出、默认导出及混合导入，需注意顶层导入、路径规范、环境配置（如type="module"）及常见误区。

JavaScript 的模块化，就是把代码拆成独立、可复用的文件（模块），每个模块封装自己的变量、函数或类，不污染全局作用域，还能按需加载和依赖管理。现代浏览器和 Node.js（v14+）都原生支持 ES 模块（ESM），核心就是 export 和 import。

export：怎么对外暴露内容？

一个模块可以导出多个东西，方式灵活：

• 命名导出（named export）：用 export 关键字逐个导出，名字必须一致才能导入。适合导出多个值。

math.js

export const PI = 3.14159;
export function add(a, b) {
  return a + b;
}
export class Calculator {
  multiply(x, y) { return x * y; }
}

登录后复制

• 默认导出（default export）：每个模块最多一个，导入时可自定义名称，适合“主功能”或单例。

utils.js

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

标签： javascript java html js node.js json node 浏览器 app 工具 ai 环境配置