ES6中带或不带花括号的导入[重复]

Question

以下两者之间的区别是什么：

import Title from './title.js'

和

import { Title } from './title.js'

?

我认为它与导出默认标题有某种联系 和导出常量标题




Answer 1

一个模块可以声明多个导出。例如导出常量标题；和导出常量副标题；。当您导入这样一个模块时，您会得到一个对象，其键是您声明的导出键。

然后，您可以使用函数参数对象分解——ES6中提供的一个功能——从对象中只选择您需要的导出。

请注意，如果使用导出默认值，则参数分解不可用，因为导入不一定会返回对象，除非您导出了对象。

Answer 2

如developer.mozilla.org

可以有默认导出（无论是对象、函数、类等）。然后，可以使用import语句导入此类默认值。

最简单的版本直接导入默认：

importmydefaultfrom'/modules/mymodule.js'

参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import