TypeScript
Jak korzystać z biblioteki javascript bez pliku definicji typu

Wprowadzenie

Zadeklaruj dowolny globalny

Jest czasami najłatwiej po prostu zadeklarować globalny typu any , zwłaszcza w prostych projektów.

Jeśli jQuery nie ma deklaracji typu ( tak jest ), możesz umieścić

declare var $: any;

Teraz każde użycie $ zostanie wpisane any .

Utwórz moduł, który eksportuje domyślny dowolny

W przypadku bardziej skomplikowanych projektów lub w przypadkach, w których zamierzasz stopniowo wpisywać zależność, utworzenie modułu może być łatwiejsze.

Używając JQuery (chociaż ma dostępne typowania ) jako przykład:

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

Następnie w dowolnym pliku w projekcie możesz zaimportować tę definicję za pomocą:

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

Po tym imporcie $ zostanie wpisane jako any .

Jeśli biblioteka ma wiele zmiennych najwyższego poziomu, zamiast tego eksportuj i importuj według nazwy:

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

   export { $ };
   export { jQuery };
}

Następnie możesz zaimportować i użyć obu nazw:

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

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

Użyj modułu otoczenia

Jeśli chcesz tylko wskazać zamiar importu (więc nie chcesz deklarować globalnego), ale nie chcesz zawracać sobie głowy żadnymi wyraźnymi definicjami, możesz zaimportować moduł otoczenia.

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

Następnie możesz zaimportować z modułu otoczenia.

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

Wszystko zaimportowane z zadeklarowanego modułu (np. $ I jQuery ) powyżej będzie any typu