ES6中export的三种对外暴露的方式及引入方法
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() // 你好
页:
[1]