关于es6通过import导入,什么时候需要花括号

最近做项目的时候,总有萌新问,什么时候通过花括号来取模块中的变量,这里简单说明一下。

当你默认导出一个变量或者方法等的时候,也就是你在模块A中,export default a ,那么你导入时,始终不需要花括号,即:

//模块A中
const a = 12
export default a


//模块B中

import a from './A'  //这边的 a 可以重命名,不影响使用,所以可以这么写
import every from './A'

但是如果你没有默认导出,而是通过 export const a 这种方式的话,导出是需要拿到模块中具体变量的,因此你需要通过解构这种方式来拿到模块中具体的变量。即:

//模块A中

export const a = 12


//模块B中

import {a} from './A'  //这时的 a 是 解构出的具体变量,因此不可以直接起别名,通过下面这种方式重命名
import {a as another}from './A'  //这个时候在模块B中可以用another来使用A中定义的模块和方法

简单总结,默认导出,不需要花括号。希望可以帮助到小伙伴们

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值