何时在 JavaScript 导入语法中使用括号？

在 JavaScript 导入语法中使用括号

在 JavaScript 中，有多种方法可以导入模块和库。一种常见的方法涉及在导入语法中使用括号。语法：

<code class="javascript">import { Component, PropTypes } from 'react';</code>

此语法与更简单的版本不同：

<code class="javascript">import React, Component, PropTypes from 'react';</code>

理解差异

带括号的语法仅导入特定的命名导出，而不带括号的语法同时导入默认导出和命名导出。细分如下：

<code class="javascript">import React, { Component, PropTypes } from 'react';</code>

• 导入同名下的默认导出 React。
• 导入同名下的命名导出 Component 和 PropType。

这结合了两种常见的语法：

<code class="javascript">import React from 'react';
import { Component, PropTypes } from 'react';</code>

一般来说，模块提供默认导出或命名导出。然而，两者都有可能。如果最常见的功能作为默认导出，而其他功能作为命名导出导出，则带括号的语法是合适的。

附加注释

• 语法 import name from "module-name";实际上是从模块导入默认导出。
• 语法 import MyModule, {foo, bar} from "my-module.js";导入默认导出 MyModule 以及命名导出 foo 和 bar。命名导出无法通过 MyModule 访问。
• 语法 import * as MyModule from 'my-module';导入所有导出并使其可在 MyModule.name 下访问。

以上是何时在 JavaScript 导入语法中使用括号？的详细内容。更多信息请关注PHP中文网其他相关文章！