import时加{}与不加的区别

发布时间 2023-08-01 19:24:42作者: pwindy

在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语句),则,可以使用不加花括号的语法来导入整个模块对象。

 

参考---https://blog.csdn.net/qq_45217161/article/details/129746018