ES6模块-导入格式的差异

Question

假设我有两个导入：

import { createDevTools } from 'redux-devtools';
import LogMonitor from 'redux-devtools-log-monitor';

这两者之间的区别是什么？

我知道LogMonitor是“默认”导出，并且括号中的导入可以在逗号分隔的列表中一次导入多个不同的导出。但是，在用法上有什么不同吗？

我觉得我遗漏了一些基本的东西。

Answer 1

但是，

在用法上有什么不同吗？

不是的。默认和命名导入/导出可以具有任何JavaScript值。这实际上取决于您导入的模块是如何组织的。

Answer 2

import { createDevTools } from 'redux-devtools';

是以下的简写：

 import DevTools from 'redux-devtools';
 const createDevTools = DevTools.createDevTools;

因此您将直接转到默认导出对象的属性。

Answer 3

如果仍然如此，有人正在通过简单的例子来寻找更多的细节。看看MDN web docs

导入语句用于导入由另一个模块导出的绑定。无论您是否将导入的模块声明为严格模式，它们都处于严格模式。除非嵌入式脚本具有模块“type=”，否则无法在嵌入式脚本中使用import语句

import defaultExport from "module-name";
import * as name from "module-name";
import { export } from "module-name";
import { export as alias } from "module-name";
import { export1 , export2 } from "module-name";
import { export1 , export2 as alias2 , [...] } from "module-name";
import defaultExport, { export [ , [...] ] } from "module-name";
import defaultExport, * as name from "module-name";
import "module-name";