模块化的理解

模块化概念

模块化是指将一个复杂问题,自顶向下逐层把系统划分为若干模块的过程。对于整个系统来说,这些模块可组合,分解和更换的单元。对于编程领域的模块化就是遵守固定的原则,将一个大文件拆分成多个独立且相互依赖的小模块。简单理解模块化就是在一个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 的规范于一身。

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

你可能感兴趣的