微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

关于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中定义的模块和方法

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐