【ES6】三种暴露方法和引入方式

最新推荐文章于 2025-03-16 14:08:37 发布

DC...

最新推荐文章于 2025-03-16 14:08:37 发布

阅读量9.1k

点赞数 21

分类专栏： javascript 文章标签： es6 javascript 开发语言

本文链接：https://blog.csdn.net/m0_63779088/article/details/125858361

版权

26 篇文章

订阅专栏

本文详细介绍了JavaScript中对外暴露的三种方式：分别暴露、统一暴露和默认暴露，以及对应的引入方法。分别暴露和统一暴露需使用对象解构赋值，而默认暴露允许直接引入。同时，文章强调了不同暴露方式在引入时的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

也叫多行暴露，在引入时需要用对象来引用

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

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

注意：以上两种向外暴露方式在主文件引入时必须使用对象的解构赋值引用，不能使用变量接收的方式来映入

（即上两方式和默认暴露的区别）

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