ES6模块导入变量undefined??你是否中招了

问题:

在模块化开发的时候,有时候出现导出的变量undefined,原因是什么呢?
很有可能是你在编写代码时弄混淆了暴露方式和导入方式,才会出现这类情况。

ES6如何导入和暴露模块

暴露模块:

export default 向外暴露的成员可以使用任意的变量来接收
注意: export default 只能在一个js文件中出现一次 不能重复编写

var msg = "这是一个export.default 暴露的模块"

export default msg

export 向外暴露的成员只能解构导入
export 可以重复编写

var word = "hello ES6 这是export 暴露的模块"
var num = 2020

export var a = "aaaa"
export {
	word,
	num
}

设置一个主入口文件导入接收上面的暴露的变量
导入
在这里插入图片描述

怎么出现undefined呢

当你混用的时候就可能出现
如同你用了 export defalut 却用 解构导入 而不是变量接收
在这里插入图片描述

一定不要记混淆 用法

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值