总体上区分两大规范?CommonJS模块规范和ES6模块规范
require: node 和 es6 都支持的引入
export / import : 只有es6 支持的导出引入
module.exports / exports: 只有 node 支持的导出Node里面的模块系统遵循的是CommonJS规范。
CommonJS定义的模块分为: 模块标识(module)、模块定义(exports) 、模块引用(require)
按照模块化开发时，每一个JS文件都是一个自己的空间，有单独的模块作用域
1.export的基本使用 统一导出
export导出：
let name = "小明";
let age = "20";
function sum(num1,num2){
return num1+num2;
}
// 大括号内的变量名，必须跟 export 对外接口的变量名一致
export{name,age,sum} // 导出
import导入：
// 大括号内的变量名，必须跟 export 对外接口的变量名一致
import {name,age,sum} from "导出文件的地址"
console.log(name); //小明
console.log(age); //20
console.log(sum(1,2)); //3
//导入的时候，可以使用 as 关键字给模块定义别名
//import {name as myname,age,sum} from "导出文件的地址"
注意：
如果使用了这种一个个导出的方式?export{name,age,sum},导入的时候就不能使用整体导入的方式import aa from "导出文件的地址",不然会报错 undefined
应该使用 按需导入的形式?import {a,b} from "导出文件的地址"
2.export的基本使用 单独导出
export let num1 = 1000;
import {num1 } from "导出文件的地址"
console.log(num1 ); //1000;
3.导出函数、类
// 导出函数
export function sum(num1,num2){
return num1+num2;
}
import {sum} from "导出文件的地址"
console.log(sum(1,2)); //3
类：
// 导出类
export class Person{
run(){
console.log("在奔跑");
}
}
// 导入类
import {Person} from "导出文件的地址"
const P = new Person();
P.run(); //在奔跑
4.export default
某些时候，一个模块包含某个功能，我们并不希望给这个功能命名，而是让导入者可以自己来命名，这个时候就可以用export default
在同一个模块中只能有一个export default
此时可以自定义导入变量的名字，下面的案例中，就可以自定义address的名字
当使用default时，import后面不需要大括号，直接默认导入default后面的变量，且可以自定义名字
//导出
var address = "北京市";
export default address;
//导入
import addr from "导出文件的地址" //函数在加载时，可以以任意名字来加载
console.log(addr) //北京市
//导出函数
export default function(value){ // 此时函数未命名
console.log(value)
}
//导入
import addr from "导出文件的地址" //函数在加载时，可以以任意名字来加载
console.log（addr('你好啊'); ）; /// 此时返回‘你好啊’
//注意：一次只能导出一个,多个可以放在对象中
function mapFilter(){
console.log('111')
}
function mapModule(){
console.log('222')
}
var obj={
mapFilter,
mapModule,
}
export default obj
import obj from '@/导出文件地址' es6导入
5.统一全部导入
import {age,name,age} from "导出文件地址"
import * as aaa from "导出文件地址"，console.log(aaa.age);
6.直接导入并执行模块代码
有时候，我们只想单纯执行某个模块中的代码，并不需要得到模块中向外暴露的成员，此时，可以直接导入并执行模块代码
m2模块有个单纯的for循环，但并没有导出
for(let i=0;i<3;i++)
{
console.log(i);
}
我们在某个模块需要执行他可以直接import 导入执行
import './m2.js'
会直接输出 0 1 2
7.export default 和 export 区别
1、export与export default均可用于导出常量、函数、文件、模块等
2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用
3、在一个文件或模块中，export、import可以有多个，export default仅有一个
4、通过export方式导出，在导入时要加{ }，export default则不需要
5、使用export 导出后，import 可以按需导入，减小项目大小，而 export default 是全部导入，开发中更推荐 export
