js:export 和 exports default的使用和区别

A88552211

已于 2022-07-01 10:42:39 修改

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Js 文章标签： javascript 前端开发语言

于 2022-06-28 09:04:13 首次发布

本文链接：https://blog.csdn.net/A88552211/article/details/125495457

Js 专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了JavaScript中的export和export default的区别及用法。export允许在一个文件中导出多个变量、常量和函数，支持解构赋值导入；而export default则限制在一个文件中只能有一个，并且无法通过解构获取属性，但可以自定义导入名称。同时，两者可以共存，以满足不同导入需求。

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

1、export

2、exports default

1、export：一个文件可以有多个：下面代码中的所有情况可以同在一个代码文件中

某js文件
export {
  name:'龙雨のKOD'
}  

export const a = 0

export const obj = {}

export function add(){}

同时在引入改文件时，可以使用解构的方式，直接获取到文件中 a、obj、add已经第一个导出的对象中的属性：

import { a, nam, add, obj } from ''

也可以以一个对象的形式导入，但是导入的命名 sss 要和导出的一样

import sss from ''

2、exports default：在同一个文件只有一个，且不能使用解构的方式获取对象中的属性，只能以一个对象导入，但是文件名可以自定义。

export default class Store {}

import XXX from ''

3、export 和 expors default 的共存问题：

可以在同一个如下面的图中的写法一样，这样上面那些用法都支持了