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语句