JavaScript에서 \'기본값 내보내기\'의 목적과 사용법은 무엇입니까?

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

ES6의 출현으로 "내보내기 기본값"과 같은 개념이 도입된 새로운 모듈 시스템이 도입되었습니다. 이 문서에서는 이 구문의 목적과 사용법을 자세히 설명합니다.

내보내기 기본값 이해

"내보내기 기본값"을 사용하면 모듈에 대한 기본 내보내기를 생성할 수 있습니다. 즉, 모듈을 가져올 때 개발자는 변수 이름을 명시적으로 지정하지 않고도 이 기본 내보내기에 액세스할 수 있습니다.

예를 들어 제공된 SafeString.js 예제에서는 다음과 같습니다.

<code class="javascript">// Build out our basic SafeString type
function SafeString(string) {
  this.string = string;
}

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

export default SafeString;</code>

이 코드는 다음을 정의합니다. SafeString 클래스를 만들고 "기본 SafeString 내보내기"를 사용하여 이를 기본 내보내기로 내보냅니다.

기본 내보내기에 대한 대체 구문

"기본 내보내기"는 기본 내보내기 구문입니다. 기본 내보내기의 경우, 동일한 결과를 얻을 수 있는 다른 방법이 있습니다:

• 명명된 기본 내보내기:

  <code class="javascript">export default {
  name: "John",
  age: 30
  };</code>

  로그인 후 복사

• 클래스 기본 내보내기:

  <code class="javascript">export default class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  }</code>

  로그인 후 복사

• 기능 기본 내보내기:

  <code class="javascript">export default function sayHello() {
  console.log("Hello World!");
  }</code>

  로그인 후 복사

기본 내보내기 가져오기

기본 내보내기로 모듈을 가져올 때 import 문을 사용할 때 중괄호를 생략할 수 있습니다.

<code class="javascript">import SafeString from "SafeString.js";

// ... use SafeString</code>

결론

"기본값 내보내기"는 모듈에서 기본값을 내보내고 가져오는 프로세스를 단순화하는 ES6 모듈 시스템의 강력한 기능입니다. JavaScript 모듈을 효과적으로 활용하려면 사용법을 이해하는 것이 중요합니다.

위 내용은 JavaScript에서 \'기본값 내보내기\'의 목적과 사용법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!