JavaScript의 "기본값 내보내기" 이해

최신 JavaScript 프레임워크는 모듈 개념에 크게 의존하며, 그 중 "기본값 내보내기"가 있습니다. 중요한 특징이다. 기능을 자세히 살펴보기 위해 실제 사례를 분석해 보겠습니다.

SafeString.js 파일에서 다음 코드 조각을 고려하세요.

// Build out our basic SafeString type
function SafeString(string) {
  this.string = string;
}

SafeString.prototype.toString = function() {
  return ""   this.string;
};

// Unfamiliar Syntax:
export default SafeString;

질문: 이 맥락에서 "기본값 내보내기"는 무엇을 의미합니까?

답변: "기본값 내보내기"는 일부입니다 모듈이 단일 기본값을 내보낼 수 있도록 하는 ES6 모듈 시스템입니다. 이 경우 SafeString 클래스를 이 모듈의 기본 내보내기로 사용할 수 있습니다.

간단한 설명:

값을 기본값으로 내보낼 때 가져올 수 있습니다. 명명된 내보내기를 명시적으로 지정하지 않고 다른 모듈에서 수행합니다. 대신 다음과 같이 간단하게 가져올 수 있습니다:

// Example in another module
import SafeString from './SafeString.js' // Assuming you have an appropriate import statement
let mySafeString = new SafeString('Hello, world!');
console.log(mySafeString); // Output: Hello, world!

SafeString 클래스를 기본 내보내기로 가져오므로 가져오기 문에 중괄호 없이 액세스할 수 있습니다.

추가 참고:

ES6 모듈 시스템은 코드를 구성하고 종속성을 정의하는 방법을 제공합니다. "기본값 내보내기" 구문을 사용하면 모듈에 대한 단일 기본값을 지정할 수 있으므로 다른 모듈에서 쉽게 가져올 수 있습니다.