TypeScript
타입 정의 파일없이 자바 스크립트 라이브러리를 사용하는 법

소개

어떤 전역 선언

때로는 단순한 프로젝트에서 특히 any 유형의 전역을 선언하는 것이 가장 쉽습니다.

jQuery에 타입 선언이 없다면 ( 그렇게 ), 당신은

declare var $: any;

이제 $를 사용하면 any 입력 any .

기본값을 내보내는 모듈 만들기

더 복잡한 프로젝트의 경우 또는 점진적으로 종속성을 입력하려는 경우 모듈을 만드는 것이 더 깔끔할 수 있습니다.

JQuery를 사용하여 (비록 타이핑이 가능 하지만) 예제로 :

// place in jquery.d.ts
declare let $: any;
export default $;

그리고 프로젝트의 모든 파일에서 다음을 사용하여이 정의를 가져올 수 있습니다.

// some other .ts file
import $ from "jquery";

이 가져 오기 후에 $ 는 any 입력 any .

라이브러리에 여러 최상위 변수가있는 경우 대신 이름으로 내보내기 및 가져 오기 :

// place in jquery.d.ts
declare module "jquery" {
   let $: any;
   let jQuery: any;

   export { $ };
   export { jQuery };
}

그런 다음 두 이름을 가져 와서 사용할 수 있습니다.

// some other .ts file
import {$, jQuery} from "jquery";

$.doThing();
jQuery.doOtherThing();

주변 모듈 사용

가져 오기의 의도 를 나타 내기만하면 (전역을 선언하고 싶지는 않지만) 명시 적 정의를 고집하지 않으려는 경우 주변 모듈을 가져올 수 있습니다.

// in a declarations file (like declarations.d.ts)
declare module "jquery";    // note that there are no defined exports

그런 다음 주변 모듈에서 가져올 수 있습니다.

// some other .ts file
import {$, jQuery} from "jquery";

위의 선언 된 모듈 (예 $ 및 jQuery )에서 가져온 것은 any 유형입니다.