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 및 PropTypes를 같은 이름으로 가져옵니다.

이는 두 가지 공통 구문을 결합합니다.

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

일반적으로 모듈은 기본 내보내기 또는 명명된 내보내기를 제공합니다. 그러나 둘 다 갖는 것이 가능합니다. 가장 일반적인 기능을 기본값으로 내보내고 추가 기능을 명명된 내보내기로 내보내는 경우 괄호를 사용한 구문이 적합합니다.

추가 참고 사항

• "모듈 이름"에서 구문 가져오기 이름; 실제로는 모듈에서 기본 내보내기를 가져옵니다.
• 구문 import MyModule, {foo, bar} from "my-module.js"; 기본 내보내기 MyModule과 명명된 내보내기 foo 및 bar를 가져옵니다. 명명된 내보내기는 MyModule을 통해 액세스할 수 없습니다.
• 'my-module'에서 import * as MyModule 구문; 모든 내보내기를 가져오고 MyModule.name에서 액세스할 수 있도록 합니다.

위 내용은 JavaScript 가져오기 구문에서 대괄호를 언제 사용해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!