首先我們先知道exprot的作用是什麼,exprot是用於導出模塊,通常配合 improt 使用
exprot和exprot default的區別,什麼情況下用exprot,什麼情況下用exprot default。
1.exprot //命名導出,用於導出多個對象
示例代碼:在b.js中引入a.js模塊
a.js
const a=123
const b=function(){alert(1)}
exprot a;
exprot b;
b.js
improt {a,b} from "./a.js"
b()//彈出1
從上述代碼我們可以看到exprot可以在一個JS導出多個對象和變量,b.js中引入的過程需要用對應a.js中導出的變量名引入。
exprot default //默認導出
a.js
exprot default function(){alert(1)}
b.js
improt alertFun from "./a.js"
alertFun()//彈出1
比較與exprot導出的區別可以看到exprot default導出的對象可以自定義命名存儲,無需要限制命名與a.js中的一樣,但是exprot default只能默認導出一個對象,並且無法與exprot同時使用,exprot default是為所有導出對象使用系統默認命名導出,相等於只能導出一個對象
所以你要在一個文件導出多個對象就使用exprot,導出一個對象建議使用exprot default因為命名靈活性更多,不容易造成變量混亂