JavaScript 导入语法中的括号如何工作以导入默认导出和命名导出？

理解 JavaScript 导入语法中的括号

在 JavaScript 中，使用括号的导入语法提供了一种灵活的方法来处理默认导出和命名导出一个模块。让我们检查一下它的用法和含义。

默认导出与命名导出

按照约定，模块通常公开单个默认导出或命名导出的集合。默认导出分配给不带大括号的变量，而命名导出需要显式大括号来括住导出的符号。

使用括号导入

在导入中使用括号时声明中，您本质上是结合了默认导出导入方法和命名导出导入方法。例如，以下语法：

import React, { Component, PropTypes } from 'react';

导入同名下的默认导出 React，同时还导入其原始名称下的命名导出 Component 和 PropType。

简化语法

此方法结合了两种常见语法：

import React from 'react';
import { Component, PropTypes } from 'react';

其中第一行导入默认导出，第二行导入命名导出。

模块导出结构

通常，模块提供默认导出或一组命名导出。然而，有时，一个模块可能同时提供这两种功能。在这种情况下，使用括号的语法允许您同时导入两种类型的导出。

与 MDN 文档的比较

以前版本的 MDN 文档错误地声称使用括号创建一个对象，该对象接收指定名称下的导入值。事实并非如此。大括号显式导入命名导出，包括默认导出（如果有）。

重要说明

• 无法通过默认导出访问命名导出。
• * 通配符运算符可以将所有命名导出导入到单个对象中，而 default 关键字可以单独导入默认导出。

以上是JavaScript 导入语法中的括号如何工作以导入默认导出和命名导出？的详细内容。更多信息请关注PHP中文网其他相关文章！