기본 및 일반 입력 사본의 차이점은 무엇입니까?

Question

그냥 기본 키워드를 사용하는 타이프 스크립트 내보내기와 '보통'내보내기의 차이점을 이해하고 있는지 확인하고 싶습니다. 예를 들어 : 그것은 "./StaticZipCodeValidator"의 기본 내보내기이기 때문에이 경우

import validate from "./StaticZipCodeValidator"; 

우리는 곱슬 {} 중괄호 확인 포위 할 필요가 없습니다;

declare let $: JQuery; 
export default $; 

을 그리고 가져올 때 우리는 또한 중괄호를 사용하지 않는 : 기본값을 내보낼 때 다음과 같이

그래서 우리는 중괄호를 사용하지 않습니다. 내가 놓친 게 있니?

Answer 1

가져올 때 우리는 중괄호도 사용하지 않습니다. 내가 놓친 게 있니?

말했다

번호

. 개인적으로 나는 기본 수출품 인 for various reasons을 사용하지 않습니다. 나는 다른 OSS 라이브러리가이 기능을 피하기위한 선택을하는 것을 보았다.

Answer 2

파일 (모듈)이 있다고 가정 해 보겠습니다. 모듈은 여러 개의 clases, 추상화 및 인터페이스를 가질 수 있습니다.

그런 다음 기본값이 아닌 클래스, 추상화 또는 인터페이스를 가져 오면 중괄호를 사용해야합니다. 그렇지 않으면 기본 내 보낸 구성 요소를 가져옵니다.

import {NotDefaultClass} from "DefaultExportedClass"; 

import DefaultExportedClass from "DefaultExportedClass"; 

Answer 3

TypeScript 모듈은 ES6 모듈을 구현 한 것입니다. 모질라에서 the ES6 introduction to modules을 제안 :

import _ from "lodash"; 

이 속기는 import {default as _} from "lodash";에 해당합니다.

[...] 기본 내보내기에 대해서는 별다른 변화가 없습니다. 이것은 다른 수출품과 같지만, "default"이라는 이름을 제외하고는 마찬가지입니다.

구성원 default은 CommonJS module.exports =을 대체하기위한 것입니다. 나중에 추가 기능을 내보낼 수 있기 때문에 더 좋습니다.