Question

有什么区别：

import Title from './title.js'

和

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

我认为它与export default Title;和export const Title;存在某种关联，但我不知道。

Answer 1

模块可以声明多个导出。例如export const Title;和export const SubTitle;。当您import这样的模块时，您会得到一个Object，其密钥是您声明的export。

然后，您可以使用函数参数对象解构 - ES6中提供的功能 - 仅从对象中选择您需要的导出。

请注意，如果您使用export default，则参数解构不可用，因为import不一定会返回对象，除非您导出的内容。

Answer 2

在 developer.mozilla.org

中给出

可以有一个默认导出（无论是对象，还是   功能，课程等）。然后可以使用import语句   导入此类默认值。

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

import myDefault from '/modules/my-module.js';