ES6의 const 내보내기와 기본값 내보내기: 언제 어느 것을 사용해야 합니까?

ES6에서 내보내기 const와 내보내기 기본값 비교

ES6에서 모듈 내보내기 및 가져오기를 사용하면 코드 구성 및 재사용이 가능합니다. 두 가지 일반적인 내보내기 구문은 내보내기 const와 내보내기 기본값입니다. 둘 다 값을 내보내는 목적으로 사용되지만 서로 다른 특성과 사용 사례가 있습니다.

export const(명명된 내보내기)

export const는 명명된 변수 또는 상수를 내보내며, 단일 파일. 명명된 내보내기를 가져오려면 특정 중괄호 이름을 지정해야 합니다.

// export named variables
export const myItem1 = "item1";
export const myItem2 = "item2";

// import named exports
import { myItem1, myItem2 } from "myModule";

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

내보내기 기본값은 파일에서 단일 기본값을 내보냅니다. 기본 내보내기를 가져올 때 사용자 정의 이름을 할당할 수 있습니다.

// export default value
export default "Default Value";

// import default export as custom name
import CustomDefaultName from "myModule";

사용 및 차이점

export const와 default 내보내기의 주요 차이점은 사용 시나리오에 있습니다.

• export const를 사용하는 경우: 파일에서 여러 명명된 값을 내보낼 때, 예를 들어 상수, 클래스, 함수 등이 있습니다.
• 기본값 내보내기를 사용하는 경우: 단일 기본값이나 구성 요소나 유틸리티와 같은 모듈의 주요 기능을 내보낼 때.

네임스페이스 가져오기

이름이 지정된 가져오기 및 기본 가져오기 외에도 다음을 사용하여 파일에서 모든 내보내기를 가져올 수 있습니다. 네임스페이스 가져오기 구문:

import * as myModule from "myModule";

내보낸 모든 값을 myModule 개체로 가져오므로 점 표기법을 사용하여 명명된 내보내기에 액세스할 수 있습니다.

참고

• 기본 내보내기 가져오는 동안 중괄호를 사용하여 이름을 지정할 수 있습니다. { default as myDefault }.
• "default"라는 이름에도 불구하고 기본 내보내기는 여전히 내보내기로 명명되며 특정 이름으로 가져올 수 있습니다.
• 기본 내보내기는 구문이 약간 더 간결하지만 다음에 적합하지 않을 수도 있습니다. 모든 사용 사례.

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