ES6-模块系统

模块化开发（用来开发大型的web应用）

定义：将项目的各个功能，封装成一个一个JS组件，开发时分开去研发各个组件，最后，利用es6提供的模块系统将各个组件导入到一个指定的主JS组件中，这就是模块化开发的思想。
es6模块系统依托于两个关键字
export{} ——导出
import{解构} from "路径" ——导入

• export 导出

1.导出普通的变量

export let a = 12;
export let b = "qwe";

2.第二种写法

let a1 = 1;
let b1 = 'qwe';
export {
    a1 as a2,
    b1,
}

3.导出方法

let fn1 = () =>{
    console.log("这是方法1");
}
function fn2() {
    console.log("这是方法2");
}
export {
    fn1,
    fn2,
}

4.导出一个类

class Person{
    type = '人类',
}
export {
    Person,
}

6.导出的第三种写法

export default {
    //一个文件中只能有一个export default
    //在这里，可以将这个文件里面的所有方法以其导出
    Person,
    a,
    b,
    a1,
    b1,
    //由于这个方法是将一个文件整体导出
    //所以导入时也不一样，不能使用解构来接
    //导入 import 变量 from "路径"
}