js文件中import时，加{}和不加{}的区别
2年前
超过915天
温馨提示
本文最后更新于2022年03月20日，已超过915天没有更新，若内容或图片失效，请留言反馈。
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
本作品采用知识共享许可协议知识共享署名-非商业性使用-禁止演绎 3.0 中国大陆许可协议进行许可授权。即要求您在需要转载、引用本文全文或者部分时，请按照协议要求署名，并在保证不进行任何修改、续写等演绎形式，并不用于商业性项目的情况下使用。如果本文有侵犯到您的权益，请直接向我们留言反馈。
0 赞
or 打赏
喜欢就打赏一点
.png "往往免费的还不如收费的")
.png "顶着三十几度的天气去钓鱼了")
.png "\"微博客\"一款自己开发自己用的垃圾源码（慢慢更新中）")
