引用模块import，加{}和不加{}的区别

跟影子说丨晚安

于 2021-04-12 16:29:55 发布

阅读量632

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_44177602/article/details/115627862

版权

本文探讨了JavaScript中的模块导入导出机制。默认导出在一个文件中只能有一次，而命名导出则允许多次。在导入时，对于默认导出可以不使用大括号，但命名导出必须使用，并且引用的名称需要与导出时保持一致。举例说明了在不同的场景下如何正确使用import和export关键字。

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

不加{}的情况下

// 默认导出的在一个文件中只能有一个，而有命名的可以有多个
import user, { user2, anyUser } from './user' // 这里我们使用导入默认导出user，以及命名导出user2和anyUser。
// 在user.js文件中，import模块时的命名是随意的，即如下三种引用命名都是正确，提供export default导出，那么引用可以不要{}
// /store/home.js
import user from './user'
import user1 from './user'
import user2 from './user'
// /store/user.js
export defaule {
	
}

import user from './user'
export defaule user{
	
}

添加{}的情况

// 在user.js文件中，提供 export 导出的user，那么需要加{}，并且命名需要固定
// /store/home.js
import {user} from './user'	// 正确
import {user1} from './user' // 错误
import {user2} from './user' // 错误
// /store/user.js
export const user = 23