模塊化開發(fā)（用來開發(fā)大型的web應(yīng)用）

定義：將項目的各個功能，封裝成一個一個JS組件，開發(fā)時分開去研發(fā)各個組件，最后，利用es6提供的模塊系統(tǒng)將各個組件導(dǎo)入到一個指定的主JS組件中，這就是模塊化開發(fā)的思想。
es6模塊系統(tǒng)依托于兩個關(guān)鍵字
export{} ——導(dǎo)出
import{解構(gòu)} from "路徑" ——導(dǎo)入

• export 導(dǎo)出

1.導(dǎo)出普通的變量

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

2.第二種寫法

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

3.導(dǎo)出方法

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

4.導(dǎo)出一個類

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

6.導(dǎo)出的第三種寫法

export default {
    //一個文件中只能有一個export default
    //在這里，可以將這個文件里面的所有方法以其導(dǎo)出
    Person,
    a,
    b,
    a1,
    b1,
    //由于這個方法是將一個文件整體導(dǎo)出
    //所以導(dǎo)入時也不一樣，不能使用解構(gòu)來接
    //導(dǎo)入 import 變量 from "路徑"
}