3、模块化

什么是模块

• 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起
• 块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信
• 在node中，一个js文件就是一个模块，每个模块单独运行在一个函数中，所以一个js文件中的变量和函数的作用域不是全局的，如果需要在其他js中使用，那么需要使用引入
• node中模块分为两大类：核心模块（node提供或npm下载的，例如fs）；文件模块（自己写的模块）

解决的问题

• 请求过多
  • 首先我们要依赖多个模块，那样就会发送多个请求，导致请求过多
• 依赖模糊
  • 我们不知道他们的具体依赖关系是什么，也就是说很容易因为不了解他们之间的依赖关系导致加载先后顺序出错。
• 难以维护
  • 以上两种原因就导致了很难维护，很可能出现牵一发而动全身的情况导致项目出现严重的问题。模块化固然有多个好处，然而一个页面需要引入多个js文件，就会出现以上这些问题。

CommonJS

commonJs主要为了解决ES6之前无模块概念的问题

引入核心模块不需要写路径，引入文件模块需要写路径（一般是相对路径./或../开头）

导出和导入

方式一，

model.js

var msg = 'this is a model';
function func(){
    console.log('this is a function by model');
}
//导出变量、方法
module.exports = {
    msg,
    func,
    name:'model'
}

index.js

//引入同目录下的model.js，如果是相对路径，必须以./开头
//此处的model.js的.js可以省略
var model = require('./model');

console.log(model.msg);
model.func();
console.log(model.name);

方式二，

model.js

var msg = 'this is a model';
function func(){
    console.log('this is a function by model');
}
exports.func = func;
exports.msg = msg;
exports.num = 10;

index.js

//引入同目录下的model.js，如果是相对路径，必须以./开头
//此处的.js可以省略
var model = require('./model.js');

console.log(model.msg)
model.func();
console.log(model.num);

区别

• 二者的作用是一样的
• 二者不可以同时存在，如果同时存在，只有module.exports生效

ES6Modules

使用的时候，引用js文件必须type="model"

export

导出函数或类

export default

import

全局变量

nodel中没有web中的全局变量window，node中的全局变量是global

console.log(global);

输出，看到封装了一些函数可以使用

<ref *1> Object [global] {
  global: [Circular *1],
  clearInterval: [Function: clearInterval],
  clearTimeout: [Function: clearTimeout],
  setInterval: [Function: setInterval],
  setTimeout: [Function: setTimeout] {
    [Symbol(nodejs.util.promisify.custom)]: [Getter]
  },
  queueMicrotask: [Function: queueMicrotask],
  clearImmediate: [Function: clearImmediate],
  setImmediate: [Function: setImmediate] {
    [Symbol(nodejs.util.promisify.custom)]: [Getter]
  }
}

• 在全局中声明的变量，会作为global的属性保存
• 在全局中声明的函数，会作为global的函数保存

//声明一个全局变量a，因为每个模块单独运行在一个函数里面
a = 10;
console.log(global.a);