前端模块化(CMJ和ESM)

1. 为什么要模块化

1. 把具有不同功能的版块封装为不同的模块，比如把涉及到网络请求的函数全都写在一个network.js文件里，把一些工具类的函数写在tool.js文件里，框架里的每一个组件都占据一个.vue文件,避免所有代码都写到一起，难以管理，同时还可以提高代码的复用率
2. 通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数和类。

2. 模块化规范

目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统

1. CommonJs

1. NodeJS采用CommonJS规范实现了模块系统
2. CommonJS规范

• CommonJS规范规定了如何定义一个模块, 如何暴露(导出)模块中的变量函数, 以及如何使用定义好的模块
  - 在CommonJS规范中一个文件就是一个模块
  - 在CommonJS规范中每个文件中的变量函数都是私有的，对其他文件不可见的
  - 在CommonJS规范中每个文件中的变量函数必须通过exports暴露(导出)之后其它文件才可以使用
  - 在CommonJS规范中想要使用其它文件暴露的变量函数必须通过require()导入模块才可以使用

2. Node模块中暴露数据的几种方法

• exports xxx =(暴露出去一个对象)
  a.js

每一个node执行一个文件时，会给这个文件内生成一个exports和module对象

//在模块里面编写私有的变量和函数，通过exports暴露出去,记住，暴露出去的是一个对象
let name = 'mike'
function sum() {
   
    console.log(3);
}
exports.name = name
exports.sum = sum

b.js

let moduleA = require('./s')
console.log(moduleA);

• module.exports.xxx
  a.js

let name = 'mike'
function sum() {
   
    console.log(3);
}
module