【ES6】三种暴露方法和引入方式
注意以上两种向外暴露方式在主文件引入时必须使用对象的解构赋值引用,不能使用变量接收的方式来映入。一个js文件中只能有一个默认暴露,默认暴露的可以是一个常量,函数,对象等。向外暴露方式在主文件引入时必须使用对象的解构赋值引用。也叫多行暴露,在引入时需要用对象来引用。(即上两方式和默认暴露的区别)对于默认暴露,直接引入即可。...
·
对外暴露的三种方式
1.分别暴露
也叫多行暴露,在引入时需要用对象来引用
export let a = 1
export function A(){
console.log("你好")
}
2.统一暴露
let a = 1
function A (){
console.log("你好")
}
export { a , A }
注意: 以上两种向外暴露方式在主文件引入时必须使用对象的解构赋值引用, 不能使用变量接收的方式来映入
( 即上两方式和默认暴露的区别)
3.默认暴露
一个js文件中只能有一个默认暴露,默认暴露的可以是一个常量,函数,对象等。
//默认暴露一个函数
export default function A(){
console.log("你好")
}
//默认暴露一个对象
let a = 1
function A (){
console.log("你好")
}
export default { a , fun }
引入方式
1.解构赋值引入
向外暴露方式在主文件引入时必须使用对象的解构赋值引用
import { a , A } from "文件路径"
//此时当前模块便含有 a 变量,和fun函数
console.log(a)// 1
fun()// 你好
2.直接引入
对于默认暴露,直接引入即可
//如果要引入的j默认暴露的是一个函数
import f from "文件路径" //此处引入的就是一个函数
f() // 你好
更多推荐
已为社区贡献3条内容
所有评论(0)