ES6模块通过export/import实现静态依赖管理。支持命名导出、批量命名导出和默认导出；import需在顶层，路径为字符串字面量，支持重命名、默认导入及仅执行导入；模块单例缓存，路径相同则共享实例。
ES6模块系统用 export 和 import 实现静态、明确的代码组织方式，不依赖全局变量或脚本加载顺序，本质是编译时确定依赖关系。
导出（export）有三种常见写法
可以导出变量、函数、类，甚至默认导出一个值：
命名导出：每个导出项必须有名字，可导出多个，接收时需用同名解构
export const PI = 3.14;
export function add(a, b) { return a + b; } 批量命名导出：用大括号集中导出已有声明
const name = “Alice”;
function greet() { return `Hi, ${name}`; }
export { name, greet }; 默认导出：每个模块最多一个，接收时不需大括号，名字可自定
export default function() { return “default action”; }
导入（import）要匹配导出类型
导入语句必须在顶层（不能在 if 或函数内），且路径必须是字符串字面量：
导入命名导出：用大括号，名字必须和导出一致（可用 as 重命名）
import { PI, add } from “./math.js”;
import { add as sum } from “./math.js”; 导入默认导出：不用大括号，可任意起名
import myFunc from “./utils.js”; 同时导入默认和命名：默认放前面，命名放大括号里
import main, { helper, VERSION } from “./module.js”; 只执行模块不导入值（比如初始化逻辑）：
import “./polyfill.js”;
模块路径和文件后缀要注意
浏览器和 Node.js 对模块解析规则略有不同：
立即学习“Java免费学习笔记（深入）”；
相对路径（”./util”）、绝对路径（”/src/index”）和完整 URL 都支持 Node.js 从 v14.13+ 默认支持 .js 后缀，但推荐显式写出（”./util.js”），避免歧义 浏览器中 script 标签需加 type=”module”，否则不识别 import/export
模块是单例且自动缓存
同一个模块路径无论被 import 多少次，只执行一次，所有导入者共享同一份导出对象 —— 这意味着修改导出的值（如导出一个对象），其他模块能立刻看到变化。
基本上就这些。ES6模块不是黑盒，它靠静态语法分析建立依赖图，构建工具和运行时都据此处理加载与执行顺序。
以上就是javascript模块如何导入导出_ES6模块系统怎样工作？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1542470.html
微信扫一扫 
支付宝扫一扫 
