JavaScript ES6中export、export default、import用法和区别

相信熟悉JS ES6的同学都知道export、export default是导出,import是导入的意思。

那么问题就来了,

1、import 导入要怎么用?

2、export、export default都是导出,那用法会不会有什么区别,如果没有区别的话为什么会有两个?

首先咱先说import 导入,如果只需要导入就可以了,那就是import   'XX(路径)',  另外一种如果是文件中需要用 XX去做点别的, 那写法就应该是  import XX  from 'XX(路径)'

其次 export、export default都是导出没错,但是export 可以导出多个,但是 export default 只能导出一个,

因为export  可以导出多个,那import的时候应该是 import {a, b}  from 'xx(路径)'       // 以对象的方式导入,需要花括号。

而 export default 只能导出一个,所以导入的时候写法应该是  import a  from 'xx(路径)'   // 以单个的方式导入,不需要花括号。

posted on 2018-05-31 11:32  程序猿-alvin  阅读(273)  评论(0编辑  收藏  举报

导航