기본 내보내기와 명명된 내보내기를 모두 가져오기 위해 JavaScript 가져오기 구문에서 대괄호는 어떻게 작동하나요?

JavaScript 가져오기 구문의 대괄호 이해

JavaScript에서 대괄호를 사용하는 가져오기 구문은 기본 내보내기와 명명된 내보내기를 모두 처리하는 유연한 방법을 제공합니다. 모듈. 사용법과 의미를 살펴보겠습니다.

기본 내보내기와 명명된 내보내기

관례에 따라 모듈은 일반적으로 단일 기본 내보내기 또는 명명된 내보내기 모음을 노출합니다. 기본 내보내기는 중괄호 없이 변수에 할당되지만 명명된 내보내기에는 내보낸 기호를 묶기 위해 명시적인 중괄호가 필요합니다.

대괄호로 가져오기

가져오기에서 대괄호를 사용하는 경우 문에서는 기본적으로 기본 및 명명된 내보내기 가져오기 방법을 모두 결합합니다. 예를 들어 다음 구문은

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

기본 내보내기 React를 동일한 이름으로 가져오는 동시에 명명된 내보내기 Component 및 PropTypes도 원래 이름으로 가져옵니다.

간단한 구문

이 방법은 두 가지 공통 구문을 결합합니다.

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

여기서 첫 번째 줄은 기본 내보내기를 가져오고 두 번째 줄은 이름이 지정된 내보내기를 가져옵니다.

모듈 내보내기 구조

일반적으로 모듈은 기본 내보내기 또는 명명된 내보내기 세트를 제공합니다. 그러나 때로는 모듈이 두 가지를 모두 제공할 수도 있습니다. 이러한 경우 대괄호를 사용하는 구문을 사용하면 두 가지 유형의 내보내기를 동시에 가져올 수 있습니다.

MDN 문서와의 비교

이전 버전의 MDN 문서에서는 다음을 사용하여 가져오는 것으로 잘못 주장했습니다. 대괄호는 지정된 이름으로 가져온 값을 받는 개체를 만듭니다. 이것은 사실이 아닙니다. 중괄호는 기본 내보내기를 포함하여 이름이 지정된 내보내기를 명시적으로 가져옵니다.

중요 사항

• 이름이 지정된 내보내기는 기본 내보내기를 통해 액세스할 수 없습니다.
• * 와일드카드 연산자는 명명된 모든 내보내기를 단일 객체로 가져올 수 있는 반면, default 키워드는 기본 내보내기를 별도로 가져올 수 있습니다.

위 내용은 기본 내보내기와 명명된 내보내기를 모두 가져오기 위해 JavaScript 가져오기 구문에서 대괄호는 어떻게 작동하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!