如何深入探讨JavaScript模块化的应用与优势？

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

在面试中，只需说明模块化的问题。这类问题经常会被问到，比如UMD、AMD、CJS、ESM等，你可能听过其中一两个，也可能都听说过。接下来，我们简单了解一下它们到底是什么，以及它们之间有什么区别。

在面试中只要说到模块化的问题，多多少少总会问到这些，umd、amd、cjs、esm，可能听过其中一个两个，或者都听说过。接下来我们先简单了解一下他们到底是什么，又有什么样的区别呢。

最开始的时候，Javascript是没有导入导出模块的这种方法，这就有一个比较头疼的问题，就是我们所有的代码都要写在一个文件里面，那可真的是又臭又长。有问题了，排查起来还特别的麻烦，定义个变量还总是出各种问题。后来，为了解决这些烦人的问题，各路大佬就推出了umd、amd、cjs、esm、cmd。

模块化的优点

---

• 实现代码的可复用，具有独立的作用域，避免全局变量被污染

• 便于代码编写和维护，提高开发效率

• 实现按需加载，例如：npm就是一个巨大的模块化仓库

CommonJS（cjs）

---

CommonJS主要用于服务端，nodejs是默认使用cjs模块规范。每一个文件就是一个模块，有自己独立的作用域、变了、方法等，对其他的模块都不可见。模块可以多次加载，但是只在第一次时运行，然后运行结果就被缓存，后续加载则直接读取缓存结果。若想再次运行模块，则需要清楚缓存。模块的加载顺序是按照在代码中的出现的顺序进行加载的。
如果想要多次执行一个模块，可以导出一个方法，然后直接调用方法即可。