const 내보내기와 기본값 내보내기: 언제 어떤 ES6 모듈 내보내기를 사용해야 합니까?

ES6에서 내보내기 const와 내보내기 기본값을 사용하여 내보내기

JavaScript ES6 모듈에는 값을 내보내는 두 가지 기본 방법, 즉 내보내기가 있습니다. const 및 내보내기 기본값. 이러한 내보내기 메커니즘은 고유한 기능과 사용 사례를 제공합니다.

명명된 내보내기(export const)

export const는 명명된 상수를 내보내는 데 사용됩니다. 이를 통해 모듈에서 각각 고유한 식별자가 있는 여러 특정 값을 내보낼 수 있습니다. 이러한 내보내기를 가져오려면 중괄호 안에 원하는 변수 이름을 지정합니다.

// Exporting
export const myItem = 'Exported value';

// Importing
import { myItem } from 'myItem';

기본 내보내기(내보내기 기본값)

내보내기 기본값은 기본값을 내보내는 데 사용됩니다. 값. 이 작업은 모듈당 한 번만 수행할 수 있습니다. 기본 내보내기를 가져올 때 원하는 별칭을 지정할 수 있습니다.

// Exporting
export default { name: 'John Doe', age: 30 };

// Importing
import MyDefaultExport from 'myItem';

사용 사례

다음 목록은 내보내기 const 중에서 선택하기 위한 몇 가지 일반적인 지침을 제공합니다. 기본값 내보내기:

• 이름 지정 내보내기:

  • 모듈에서 여러 특정 값을 내보내야 하는 경우 내보내기 const를 사용하세요.

• 기본 내보내기:

  • 내보낼 때 내보내기 기본값을 사용하세요. 모듈의 단일 기본 값.
  • 특정 가져오기를 기대하는 레거시 코드를 지원해야 하는 경우 내보내기 기본값을 사용하세요(예: 기본 내보내기로 React-dom 가져오기).

추가 기능

핵심 기능 외에도 import const 및 import default는 다음과 같은 몇 가지 추가 기능을 제공합니다.

• 네임스페이스 가져오기: import * as를 사용하여 모듈의 모든 내보내기를 객체로 가져올 수 있습니다.
• 부분 가져오기: 이름이 지정된 가져오기와 기본 가져오기를 동일하게 혼합하여 일치시킬 수 있습니다. 문.
• 가져오기 이름 바꾸기: as 키워드를 사용하여 가져온 값의 이름을 바꿀 수 있습니다.

내보내기 기본값은 이름이 지정된 내보내기의 특별한 경우라는 점을 기억하세요. "기본." 이를 통해 기본값을 가져오는 방법에 유연성을 부여할 수 있습니다.

위 내용은 const 내보내기와 기본값 내보내기: 언제 어떤 ES6 모듈 내보내기를 사용해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!