对外暴露的三种方式

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() // 你好
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐