关于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 时候只需要导入一个不用花括号的参数就可以，最后是使用时候用。就可以

以上是我的理解，不对的地方大家多多提意见