什么是模块化

本质：一个js中可以引用另一个js中的文件

语法

导入语法示例：

const 变量名 = require('文件相对路径')

导出语法示例：

//第一种，添加属性
module.exports.属性名 = 属性值;
//第二种，添加方法
module.exports.方法名 = funtion() {};
//第三种，赋值新对象
module.exports = {};

理解与用途

  1. 模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块是可组合、分解和更换的单元

  2. 编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块

  3. 避免了全局变量污染，举一个例子：在一个html页面中，引入了两个不同的js文件，两个js文件中都定义了一个相同变量名的全局变量，结果就是后面的变量覆盖前面的

优点

把代码进行模块化拆分的好处：

  • 提高了代码的复用性
  • 提高了代码的复用性
  • 提高了代码的可维护性
  • 可以实现按需加载