什么是CommonJs模块与Es Module模块，二者有何不同之处？

本文共计2573个文字，预计阅读时间需要11分钟。

CommonJs与ES Module是JavaScript模块化编程的两种方式，它们各有特点。

CommonJs：- 同步加载：模块在编译时加载，适用于服务器端。- 全局变量：模块可以通过`module.exports`导出变量。- 缓存：模块一旦加载，就会缓存，下次加载时直接使用缓存。

ES Module：- 异步加载：模块在运行时加载，适用于浏览器端。- 默认导出：模块可以通过`export default`导出变量。- 动态导入：支持动态导入，可以在运行时加载模块。

区别：- 加载方式：CommonJs是同步加载，ES Module是异步加载。- 缓存机制：CommonJs模块加载后会被缓存，ES Module不会。- 全局变量：CommonJs可以使用`module.exports`导出变量，ES Module使用`export`和`import`。

为什么会有CommonJs和ES Module？- 历史原因：CommonJs最初是为了Node.js设计的，而ES Module是为了解决浏览器端模块化问题。- 需求不同：服务器端和浏览器端对模块化的需求不同，因此出现了两种不同的模块化方式。

希望对您有所帮助！

什么是CommonJs和Es Module？有什么区别？下面本篇文章给大家聊聊什么是CommonJs和Es Module及它们的区别，希望对大家有所帮助！

为什么会有CommonJs和Es Module呢

我们都知道在早期JavaScript模块这一概念，都是通过script标签引入js文件代码。