ES6 导入：大括号 – 何时使用、何时不使用？

单个模块导入中的 ES6 花括号：何时使用它们

在 ES6 中导入单个模块时，了解其中的区别非常重要默认导入和命名导入之间，这决定了 curly 的使用

默认导入（没有大括号）

当导出的模块具有单个默认导出值时，使用默认导入。该值是直接导入的，不带大括号，如给定的示例所示：

import initialState from './todoInitialState';

在这种情况下，initialState.js 模块有一个名为initialState 的默认导出。然后使用 import initialState from ....

命名导入（带大括号）直接导入此默认导出

当导出的模块包含命名时，使用命名导入导出，这是具有命名标识符的特定导出。要导入命名导出，请使用大括号，如下所示：

import { A } from './A';

这里，A 模块包含一个名为 A 的命名导出，它是使用大括号导入的。

何时使用大括号

导入命名导出时使用大括号，其中特定的命名标识符是从模块导出。在给定的示例中，使用大括号导入initialState 会导致错误，因为initialState 是默认导出，而不是命名导出。

何时不使用大括号

导入默认导出时不使用花括号。默认导出没有特定的标识符，可以直接导入而无需大括号，如示例 import initialState from ....

综上所述，ES6 模块导入中的大括号表示正在导入命名导出。默认导出不使用大括号，而是通过默认导出名称直接导入。

以上是ES6 导入：大括号 – 何时使用、何时不使用？的详细内容。更多信息请关注PHP中文网其他相关文章！