Załaduj plik js do pliku maszynopisu

Question

Mam prosty TypeScript (ts), który potrzebuje funkcji z pliku JavaScript. Jak mogę zaimportować ten plik js do pliku ts? Czy muszę utworzyć plik ts dla tego pliku js, aby móc go użyć w moim pliku ts?

Answer 1

Najprostszym sposobem jest po prostu declare funkcja używasz:

File1.js

function greet() { return "Hello!"; } 

File2.ts

declare function greet(): string; 

/* ... later ... */ 
var hi = greet(); 

---

Jeśli Twój scenariusz to więcej com plex (tj. wiele plików odwołujących się do File1.js lub istnieje wiele funkcji w File1.js, które mogłyby zaśmiecać File2.ts), można utworzyć plik File1.dts i odnieść do pliku File2.ts:

File1. d.ts

function greet(): string; 

File2.ts

/// <reference path="File1.d.ts" /> 

/* ... later ... */ 
var hi = greet(); 

Answer 2

tylko dla archiwów, jeśli dodać ref /// dla pliku JavaScript wewnątrz pliku TS, kompilator będzie próbował sprawdź cały kod w plikach JS i wyrzuć ogromną listę błędów. Wypróbuj za pomocą jQuery lub coś podobnego, a zobaczysz, co mam na myśli.