export与export default你真的了解吗

export和export default是做什么的呢？

export和export default是用来导出常量、函数、文件、模块的。是ES6语言。

export和export default都要如何使用呢？

export具体使用

设置变量，然后使用export导出

//--------------第一种方式：定义变量与导出分开------------------------------ var one = "export导出" var two=["AAA","BBB","CCC"] export { one, two } //--------------导出与定义变量直接一起写-------------------------------- export var three="直接导出"

在使用该变量的地方引入

import {one,two,three} from "../js/test.js" //打印 console.log(one+","+two+","+three);

打印的结果为： 特点： ① 导出时需要和导入的变量名称相同 ② 如果导出和定义变量分开，导出时变量名加{} ③ 导入的时候变量名必须加{} ④ 可以有多个export语句

export default具体使用

其实export default和export的功能是一样的，但是一个文件里面只能有一个export default语句。 export default是把所有{}中所有的内容都赋值给default，然后当我们导入的时候也可以改变名称，但是其实是把所有的default导入了。

先设置需要导出的数据：

var onePart="导出1" var twoPart="导出2" var threePart=[ { name:"第一个", type:"数组1" }, { name:"第二个", type:"数组2" } ] export default{ onePart,twoPart,threePart }

导入数据

//导入数据 import all from "../js/test.js" //打印数据 console.log(all)

显示的结果： 特点： ① 引入时，可以变成不同的名称 ② 直接把所有内容都导出 ③ 引入时，设置的变量名不用加{} ④ 只能有一个export default语句