ES6中export的三种对外暴露的方式及引入方法

对外暴露的三种方式

1.分别暴露

export let a = 1
export function fun(){
	console.log("你好")
}

2.统一暴露

let a = 1
function fun (){
	console.log("你好")
}
export { a , fun }

3.默认暴露

一个js文件中只能有一个默认暴露，默认暴露的可以是一个常量，函数，对象等。

//默认暴露一个函数
export default function fun(){
	console.log("你好")
}

默认暴露一个对象
let a = 1
function fun (){
	console.log("你好")
}
export default { a , fun }

引入方式

1.解构赋值引入

对于分别暴露，一般使用解构赋值来引入

import { a , fun } from "文件路径"
//此时当前模块便含有 a 变量，和fun函数
console.log(a)// 1
fun()// 你好

2.直接引入

对于默认暴露，直接引入即可

//如果要引入的js模块默认暴露的是一个函数
import f from "文件路径"  //此处引入的就是一个函数
f() // 你好

//如果要引入的js模块默认暴露的是一个对象
import objName from "文件路径"  //此处引入的也是一个对象
 console.log(objName.a) // 1
 objName.fun() // 你好