TypeScript에서 참조를 사용할 때, 가져오기를 사용할 때는 언제입니까?

TypeScript에서 참조를 사용할 때, 가져오기를 사용할 때는 언제입니까?

TypeScript에는 파일/모듈을 참조하는 두 가지 개념이 있습니다.TypeScript 문서를 간단히 살펴보았지만 다음과 같은 경우 어떤 접근 방식을 사용해야 하는지는 잘 모르겠습니다.

1. 트리플 슬래시 참조:/// <reference path="..." />
2. 가져오기:import { Foo } from "./Foo";

감사해요.

파일/모듈을 참조하는 두 가지 개념이 아니라는 점을 이해하는 것이 중요합니다.그들은 사실 완전히 다른 두 가지를 가지고 있습니다.

import

이 키워드는 ES2015에 도입되었으며 구현의 일부인 JavaScript입니다.파일/모듈을 참조할 뿐만 아니라 참조된 모듈을 읽고 API/노출된 내용을 사용자에게 제공합니다.

전에import우리는 일종의 콘캣 메커니즘을 사용하거나 사용해야 했습니다.<link>HTML에서 jQuery라고 말할 수 있습니다.이제 할 수 있습니다.import * as $ from 'jQuery'그러면 JavaScript/TypeScript가 자동으로 모듈을 로드합니다.적어도 이것은 로더가 완료되는 즉시 미래에 수행될 작업입니다.

TypeScript를 사용하는 경우 TypeScript 컴파일러도 어떤 유형/시그니처/...를 알 수 있습니다.내보냈습니다.

/// <reference>

조금 이상한.<reference>외부에서 형식 정의를 끌어오기 위해 주석이 사용되었습니다..d.ts그러나 TypeScript의 최신 버전에서는 더 이상 이 작업을 수행할 필요가 없습니다.당신은 여기에서 데칼레이션 파일의 미래에 대해 읽을 수 있습니다.

그래서 와의 차이점은import는 "실제" 코드를 로드하여 사용자에게 제공합니다. <reference>형식 정의만 가져올 수 있습니다.편집기/IDE에서는 코드를 사용하는 것처럼 보이지만 실제로 TypeScript는 노출된 API에 대해 알고 있으며 로드된 모듈을 실제로 사용할 수 있는 것처럼 가장합니다.코드를 실행하고 싶을 때 모듈을 (전 세계적으로) 사용할 수 있도록 하는 것이 당신의 일이 될 것입니다.

언급URL : https://stackoverflow.com/questions/39121354/in-typescript-when-to-use-reference-when-to-use-import