ESM(ESModule)和CJS(CommonJS)

目录

一、ESM

1.1 import

1.2 export

1.3 循环引用

二、CJS

2.1 require

2.2 exports 和 module.exports

2.3 循环加载

三、附录

---

一、ESM

1.1 import

• 编译时加载
• 按需加载，支持加载部分内容
• 值的引用
• 异步加载，有一个独立的模块依赖的解析阶段

1.2 export

导出的三种方式：

// 第一种
export default 123;
// 第二种
export const a = 123;

const b = 3;
const c = 4;
// 第三种
export { b, c };

1.3 循环引用

重点是值的引用

二、CJS

2.1 require

• 优先缓存加载
• 同步加载

 GitHub源码

• 加载整个模块再解析
• 运行时加载
• 值的拷贝

2.2 exports 和 module.exports

• exports是module.exports的一个引用，exports指向的是module.exports
• exports只能对外暴露单个函数，但是module.exports却能暴露一个类

exports.[function name] = [function name]
moudle.exports= [function name]

2.3 循环加载

CommonJS 模块遇到循环加载时，返回的是当前已经执行的部分的值，而不是代码全部执行后的值

三、附录

参考链接1: 阮一峰