關於es6 的export 和export default的一些心得
最近使用es6 對於export都是經常看到,而有的時候會看到export ,有時候會看到export default,export字面理解的意思就是匯出,那麼有個export default “預設匯出”有什麼區別呢,最近在使用過程了測試了兩個的卻別,在使用匯出時候沒什麼區別,只是在使用的頁面才有區別
例子:
export的使用 export default 的使用
a.js a.js
let fun1=(a)=>{ let fun1=(a)=>{
return a; return a;
} }
export { fun1} export default
在b.js頁面的引用 在b.js頁面的引用
import {fun1} from "a.js" import fun from "a.js"
使用時候 fun1(2) fun.fun1(2)
上面可以看到在匯出時候右邊的加了default ,右邊的使用時候用了。去使用,
這裡使用了一個看不出多大的區別,我們想想如果a.js中有很多個方法需要匯出
export { fun1,fun2,fun3,......} export default { fun1,fun2,fun3,......}
import { fun1,fun2,fun3,......} from "a.js" import fun from "a.js"
使用時候 fun1(2) , fun2(2) ,fun3(2) fun.fun1(2),fun.fun2(2),fun.fun3(2)
總結:使用export的時候,匯入必須沒一個方法都要匯入而且要使用花括號包住,而使用export default 時候只需要匯入一個不用花括號的引數就可以,最後是使用時候用。就可以
以上是我的理解,不對的地方大家多多提意見