博主首页

import在js中为什么非要跟大括号,import时加{}与不加的区别

在javascript中,使用import语句导入模块时,加上花括号{}与不加的区别在于:

1.不加花括号

导入整个模块对象。

例如:

import axios from 'axios'

会导入整个axios模块,可以通过axios.get()等方法来使用它。

2.加上花括号

只导入模块中的指定变量或函数。

例如:

import { get, post } from 'axios'

只导入了axios模块中的get和post方法,可以直接使用get()和post()调用。

3.export default

3.1.如果导入的模块没有默认导出(即,没有export default语句),则,必须使用花括号来指定导入的变量或函数。

3.2.如果导入的模块有默认导出(即,有export default语句),则,可以使用不加花括号的语法来导入整个模块对象。

 

,vue2,vue3

posted @   笑~笑  阅读(114)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
点击右上角即可分享
微信分享提示