Czy istnieje narzędzie do konwersji plików JavaScript na TypeScript [zamknięty]

Obawiam się, że będzie to bardzo problematyczne. TypeScript jest supersetem języka JavaScript . Oznacza to, że cały poprawny kod JavaScript jest również poprawnym kodem maszynopisu. Co jest po prostu złe. Poniższy kod jest poprawny w JavaScript, ale tworzy błąd w maszynopisie:

var data={x:5, y:6};
data.z=5;

Można uzyskać dynamiczne zachowanie JavaScript, deklarując dane jako "ambient"

var data:any={x:5, y:6};
data.z=5;

Teraz to będzie działać również w maszynopisie. Niemniej jednak można zmienić rozszerzenie a .plik js do .ts i przekaż ten plik do kompilatora maszynopisu. To naprawdę mnie zdezorientowało i zadałem pytanie na kanale IRC na freenode. Okazało się, że kompilator Typescript sprawdza swoje dane wejściowe pod kątem poprawnego JavaScript i po prostu nic nie robi na wypadek gdyby coś znalazł. Intuicyjnie brzmi to dobrze. Powinieneś być w stanie" przekonwertować " cały swój JavaScript do maszynopisu, po prostu aktualizując rozszerzenia plików i być gotowy do pracy. Niestety nie działa to zgodnie z oczekiwaniami. Załóżmy, że masz ten kod:

var func=function(n){alert(n)};

var data={x:5};
data.z=6;

Edytuj: Właśnie próbowałem to skompilować i nie działa. Przepraszam, chyba się pomyliłem: kompilator maszynopisu nie akceptuje nawet czystego JavaScript. Postaram się dowiedzieć, co poszło nie tak.

Zmieniłeś rozszerzenie pliku na .ts i użyj funkcji func w innym kodzie. Na początku wszystko wydaje się w porządku, ale potem pojawia się brzydki robak. Decydujesz, że statyczne sprawdzanie typów prawdopodobnie ci pomoże i zmieniasz kod do:

var func=function(n:string){alert(n)};

var data={x:5};
data.z=6;

Ale teraz nie jest to już poprawny kod JavaScript i spowoduje, że kompilator wygeneruje wiele komunikatów o błędach. Wszakże wszystkie dane nie mają członu "z". ... Tego zachowania można by uniknąć, gdyby Typ domyślny zawsze był "dowolny", ale wnioskowanie o typie byłoby całkowicie bezużyteczne.

Jak więc rozwiązać ten problem ? Odpowiedź brzmi: pliki deklaracji. Możesz użyć kodu JavaScript" tak jak jest " w projekcie i nadal uzyskać statyczne sprawdzanie typu za pomocą kilku .pliki d. ts. Informują one kompilator, jakie zmienne, metody i "klasy" są zadeklarowane w pliku JavaScript, łącznie z ich typami. Dlatego pozwalają na sprawdzanie typu w czasie kompilacji i fantastyczny intellisense. A .plik d. ts dla mojego przykładu to

declare var data:any;
declare function func(n:string);

Zapisz to jako " myjsfile.d. ts " i zaimportować go do maszynopisu za pomocą

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

Pamiętaj, aby umieścić skrypt JavaScript w pliku html nad skompilowanym maszynopisem. Oto ciekawy link . Możesz być interesuje Cię dział "przekształcenie JavaScript w TypeScript".