ESM(ESModule)和CJS(CommonJS)

dongmelon

已于 2022-04-09 13:05:31 修改

阅读量597

点赞数

CC 4.0 BY-SA版权

分类专栏： NODEJS 文章标签： nodejs

于 2022-03-20 23:24:57 首次发布

本文链接：https://blog.youkuaiyun.com/dongmelon/article/details/123624503

NODEJS 专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了ESM（ECMAScript模块）和CJS（CommonJS）的加载机制。ESM采用静态导入和异步加载，支持按需加载，而CJS则是同步加载并使用require。在ESM中，导出可通过default或命名导出，循环引用时引用的是值的引用。CJS中，exports和module.exports用于导出，循环加载时返回部分执行的值。了解这两种模块系统的差异对于优化代码组织和提升性能至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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: 阮一峰