TypeScript je úžasný

⚠️ Pozor: obrázky z tohoto příspěvku se ztratily při výpadku v roce 2016. Chybějící obrázky nahradí automaticky vtipným placeholderem plugin Broken Image Placeholder.




TypeScript je odpověď Microsoftu na Google Dart. Dart je zcela nový programovací jazyk, zcela nové knihovny, možnost připojení dalších knihoven, prostě je velmi podobný desktopovým programovacím jazykům a s klasickým JS nemá už moc společného, jen to že se do něho může kompilovat. Podle mých informací Dart bude jak serverový tak klientský programovací jazyk.

TypeScript od Microsoftu jde ale jinou cestou. Zachovává z JS všechno, něco málo přidává navíc (například typované pole, které se píšou jako generic kolekce v C#, rozhraní, nebo možnost linkovat do souboru *.ts jiné soubory *.ts) a hlavně přidává typovou kontrolu, což je v kombinaci s Intellisense Visual Studia jeho největší výhoda.

Pokud si chcete TypeScript vyzkoušet, stáhněte si plugin do VS 2012 nebo 2013 vč. edice Express z https://www.typescriptlang.org/ .

Instalace je snadná a velmi rychlá. Zkoušel jsem TypeScript ve verzi VS Express for Web 2012, ale nechtěl se mi automaticky kompilovat do JS a i když jsem už dříve začal psát program který by zkompiloval do JS pouze nové a nebo změněné soubory na základě hashu a nebo velikosti, tak teď jsem chtěl aby se mi to dělalo samo ve VS.

Proto jsem si nainstaloval Visual Studio Express for Web 2013, které mi ale dokonce ani nechtělo zvýraznit syntaxy TypeScriptu a vůbec – celý editor se s otevřeným souborem .ts choval jak by v něm byl plain text .txt.

(Pozn.: zde v původním textu chybí odstavec popisující instalaci kompilačního balíčku pro *.ts soubory.)
Akorát pozor na cestu, nahraďte si 0.9 názvem složky kterou v tomto adresáři skutečně máte. Pokud už tak <Target Name="BeforeBuild"> máte, vložte do něj pouze nový <Exec>. Pak se vám kdykoliv před kompilací webu zkompilují soubory *.ts, které máte označeny v Build Action jako TypeScriptCompile, do souboru stejně pojmenovaných, ve stejné složce, pouze s příponou .js. Ještě vám ukážu TypeScript a generovaný JavaScript:

TypeScript -> https://pastebin.com/HH36rX30

JavaScript -> https://pastebin.com/T7xTf0dG

A nejlepší je že existují již vyladěné třídy DefinitelyTyped. Neobsahují žádný kód, slouží pouze k importu do *.ts souboru a pak k využívání IntelliSense. Můžete tedy v *.ts používat třeba jQuery nebo spoustu jiných JS knihoven.

Soubory DefinitelyTyped najdete na https://github.com/DefinitelyTyped/DefinitelyTyped . Toto byl jen letmý nástin TypeScriptu, kdybyste potřebovali jakkoliv pomoct, napište mi do komentáře. Rád Vám pomůžu. 🙂

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *