1. 程式人生 > >關於es6 的export 和export default的一些心得

關於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

{ fun1}                                        

在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 時候只需要匯入一個不用花括號的引數就可以,最後是使用時候用。就可以

以上是我的理解,不對的地方大家多多提意見