对外暴露的三种方式

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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐