贝利信息

javascript模块如何导入导出_ES6模块系统怎样工作?

日期:2025-12-15 00:00 / 作者:夜晨
ES6模块通过export/import实现静态依赖管理。支持命名导出、批量命名导出和默认导出;import需在顶层,路径为字符串字面量,支持重命名、默认导入及仅执行导入;模块单例缓存,路径相同则共享实例。

ES6模块系统用 exportimport 实现静态、明确的代码组织方式,不依赖全局变量或脚本加载顺序,本质是编译时确定依赖关系。

导出(export)有三种常见写法

可以导出变量、函数、类,甚至默认导出一个值:

导入(import)要匹配导出类型

导入语句必须在顶层(不能在 if 或函数内),且路径必须是字符串字面量:

模块路径和文件后缀要注意

浏览器和 Node.js 对模块解析规则略有不同:

模块是单例且自动缓存

同一个模块路径无论被 import 多少次,只执行一次,所有导入者共享同一份导出对象 —— 这意味着修改导出的值(如导出一个对象),其他模块能立刻看到变化。

基本上就这些。ES6模块不是黑盒,它靠静态语法分析建立依赖图,构建工具和运行时都据此处理加载与执行顺序。