1、什么是模块化
模块化是指解决一个复杂问题时,自定向下逐层把系统分成若干模块的过程。对整个系统来说,模块是可组合、分解和更换的单元。
可以提高代码的复用性、可维护性、可实现按需加载
2、模块化规范
定义文件如何引入、如何暴露文件模块等相关规范
3、模块化分类
内置模块(官方模块。如fs/http等模块)、自定义模块(自己写的文件)、第三方模块
4、加载模块
使用强大的require()方法,可以加载需要的内置模块、用户自定义模块、第三方模块进行使用
当使用require()加载其他模块时,会执行被加载模块中的代码。
//加载内置模块
const fs=require('js')
//加载自定义模块
const m1=require('./m1.js')
//加载第三方模块
const moment=require('moment')
注意:在使用require加载自定义用户模块期间,可以省略.js的后缀名
5、附加:require和import的区别:
(1)模块加载的时间
require运行时动态加载;
import编译时加载(效率更高)【由于是编译时加载,所以import命令会提升到整个模块的头部】CommonJS 加载的是一个对象(即 module.exports 属性),该对象只有在脚本运行完才会生成。而 ES6 模块不是对象,它的对外接口只是一种静态定义,在代码静态解析阶段就会生成。
(2)模块的本质:
require:模块是对象,输入时必须查找对象属性
import:ES6 模块不是对象,而是通过 export 命令显式指定输出的代码,再通过 import 命令输入
(3)严格模式:
CommonJs模块和ES6模块的区别:
(1)CommonJs模块默认采用非严格模式
(2)ES6 的模块自动采用严格模式,不管你有没有在模块头部加上 “use strict”;
(3)CommonJS 模块输出的是一个值的拷贝,即一旦输出一个值,模块内部的变化就影响不到这个值。ES6 模块输出的是值的引用
若文件引用的模块值改变,require 引入的模块值不会改变,而 import 引入的模块值会改变。
(4)用法不一致:
(1). require/exports 的用法
const fs = require('fs')
exports.fs = fs
module.exports = fs
exports 是对 module.exports 的引用,相当于
exports = module.exports = {};