[JavaScript知识库]模块化的理解

模块化概念

模块化是指将一个复杂问题，自顶向下逐层把系统划分为若干模块的过程。对于整个系统来说，这些模块可组合，分解和更换的单元。对于编程领域的模块化就是遵守固定的原则，将一个大文件拆分成多个独立且相互依赖的小模块。简单理解模块化就是在一个js文件中能够引入另一个js文件。

模块化的由来

在2015年以前其他编程语言都支持模块化，但在js中还不支持，需要将多个js文件放在同一个html文件中，所以这样代码的复用性也不高也不好维护，同时还会造成变量污染

在2015年之后新语法ES6的出现，虽然在语法层面支持了模块化，但是浏览器不支持，因此我们需要：

1. 先用开发工具（webpack）搭建一个支持模块化的环境

2. 在这个环境中写模块化的代码

3. 用工具打包代码，然后在浏览器中运行

而nodejs环境中支持模块化，node每一个文件都是一个自定义模块每个模块都有自己的作用域，且浏览器和nodejs都是提供js的运行环境。

模块化的好处

1. 提高了代码的复用性
2. 提高了代码的可维护性
3. 可以实现按需加载
4. 防止变量污染

模块规范

• CommonJS 规范：nodejs中遵守的就是commonjs规范。
• ES6 模块化规范：（前后端通用的模块化规范；Node.js、Vue、React 中都能使用！）
• CMD 和 AMD 模块化规范（较少使用）: CMD--sea.js, AMD-require.js

• UMD 叫做通用模块定义规范（Universal Module Definition），它可以通过运行时或者编译时让同一个代码模块在使用 CommonJs、CMD 甚至是 AMD 的项目中运行。它没有自己专有的规范，是集结了 CommonJs、CMD、AMD 的规范于一身。

模块规范的好处：就是大家都遵守同样的模块化规范写代码，这样就降低了沟通成本，极大的方便了各个模块之间的相互调用。