博客 / 詳情

返回

關於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因為命名靈活性更多,不容易造成變量混亂

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.