js文件中import时，加{}和不加{}的区别
2年前
超过979天
温馨提示
本文最后更新于2022年03月20日，已超过979天没有更新，若内容或图片失效，请留言反馈。
import在js、ts中用了不知多少次，但没总结过，现在总结一下：
import x from 'abc..js'
这种导入要求 abc.js模块中有 export default 默认导出，x作为消费者导入abc.js模块默认导出的名称，x可以随意更换为你喜欢的名字
import { y } from 'abc..js'
这种导入要求 abc.js模块中必需有 export y 命名导出，y是消费者要从abc.js模块导入的命名元素，y不可更换为其他名称。如果你实在是感觉x不顺眼，那可以采用下面的方式对y重命名
import { y as xxx } from 'abc..js'，此处xxx就是重命名的新名称
import x,{ y } from 'abc..js'
这种导入要求 abc.js模块中有 export default 默认导出并且有y的命名导出
文章来源：https://www.cnblogs.com/dw039/p/14070078.html
0 赞
or 打赏
喜欢就打赏一点
