關於exprot 和expert default的區別

首先咱們先知道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由於命名靈活性更多，不容易形成變量混亂