TypeScript fordító
A TypeScript fordító egy JavaScript program, amely a TypeScript kódot egyszerű JavaScript kóddá alakítja. TypeScript nyelven íródott, és bármilyen JavaScriptet támogató platformon futtatható. A TypeScript fordító nyílt forráskódú, és elérhető a GitHubon. A fordítóprogramot a Microsoft fejlesztette és karbantartja, és használható parancssorból, vagy beépülő modulként használható népszerű IDE-ekhez, mint például a Visual Studio és a WebStorm.
A TypeScript-fordító JavaScript-kódot bocsáthat ki, amely kompatibilis a különböző JavaScript-futási környezetekkel, például a Node.js-sel, az Internet Explorerrel és a Chrome-mal. Forrásleképezéseket is tud generálni, amelyek a generált JavaScript-kódot a TypeScript-kódra képezik vissza. Ez lehetővé teszi a TypeScript-kód hibakeresését a böngészőben.
A fordító beállítható úgy, hogy ellenőrizze a típushibákat, és ha talál ilyet, akkor jelentést készít. A típusellenőrzés igény szerint letiltható. A TypeScript fordító az Apache 2.0 nyílt forráskódú licence alatt érhető el.
Nem erősen tipizált nyelv
A gépírás nem egy erősen tipizált nyelv, mert nem igényli, hogy a változókat egy adott típussal deklarálják. Ez azt jelenti, hogy egy változó egy típusként deklarálható, majd egy másik típusú értékhez rendelhető vissza. Ez hibákhoz vezethet, ha a változót olyan módon használják, amely nem kompatibilis azzal a típussal, amelyként deklarálták.
Ennek a jellemzőnek a szemléltetésére egy alappélda mutatható be az "any" típussal.
// We initialze the variable as a string.
const something: any = "Tom";
// Now it's a number. This is valid TypeScript code.
something = 42;
TypeScript fordítása JavaScriptre
A TypeScript fordító a TypeScript kódot veszi, és sima JavaScript kóddá alakítja. Ezt a folyamatot transzpilációnak nevezik. A fordító először elemzi a TypeScript kódot, amely ellenőrzi a szintaktikai hibákat. Ha nem talál hibát, a fordító ezután ellenőrzi a típushibákat. Ha bármilyen típusú hibát talál, a fordító jelenti azt, és kilép.
Ha nem talál típushibát, a fordító folytatja, és kiadja a JavaScript kódot. A kibocsátott JavaScript-kód kompatibilis lesz a megadott cél JavaScript-futási környezettel.
A TypeScript fordító képes forrásleképezéseket is generálni, amelyek a generált JavaScript kódot visszaképezik a TypeScript kódra. Ez lehetővé teszi a TypeScript-kód hibakeresését a böngészőben.
TypeScript nyelvi szerver
A TypeScript nyelvi kiszolgáló olyan nyelvi kiszolgáló, amely olyan funkciókat biztosít, mint a kódkiegészítés, a definícióhoz való lépés és a TypeScript-projektek típusellenőrzése.
A nyelvi szerver szükséges ahhoz, hogy a TypeScript fordító képes legyen biztosítani ezeket a szolgáltatásokat. A nyelvi szerver nélkül a TypeScript fordító csak olyan alapvető funkciókat tudna biztosítani, mint például a szintaxis kiemelése és a kód formázása. A TypeScript nyelvi kiszolgáló nyílt forráskódú, és elérhető a GitHubon.
TypeScript-projekt létrehozásának lépései
A lépések leírása előtt itt van a parancs, amellyel inicializálhat egy TypeScript-projektet a terminálon.
npx tsc --init
Leírás: Telepítse a TypeScript fordítót. Hozzon létre egy tsconfig.json fájlt a projekt gyökerében. Ez a fájl tartalmazza a TypeScript fordító fordítói beállításait. Adja hozzá az src könyvtárat a tsconfig.json fájlhoz. Itt lesznek a TypeScript-forrásfájlok.
Adjon hozzá egy main.ts fájlt az src könyvtárba. Ez a TypeScript program belépési pontja. Fordítsa le a TypeScript kódot a tsc parancssorból történő futtatásával. Ez létrehozza a JavaScript fájlokat az src könyvtárban. Futtassa a TypeScript programot a node main.js parancssorból történő futtatásával.
A TypeScript és a JavaScript közötti különbségek
Van néhány lényeges különbség a TypeScript és más erősen begépelt nyelvek között: A TypeScript a JavaScript szuperkészlete, ami azt jelenti, hogy minden érvényes JavaScript kód egyben érvényes TypeScript kód is. Ez megkönnyíti a meglévő JavaScript-projektek alkalmazását.
A TypeScript egy opcionális típusrendszert használ, ami azt jelenti, hogy típusok adhatók meg a változókhoz, de ez nem kötelező. Más erősen tipizált nyelvek, mint például a Swift és a Kotlin, kötelező típusrendszert használnak, amely megköveteli, hogy minden változót egy adott típussal deklaráljunk.
A TypeScript támogatja az általánosokat, ami lehetővé teszi a típusbiztos gyűjtemények és egyéb adatstruktúrák létrehozását. Ez nem érhető el JavaScriptben.
Mikor használjam a Javascript-et a Typescript helyett a kódoláshoz?
Nincs szigorú szabály a JavaScript vagy a TypeScript használatára. A fejlesztő feladata, hogy a feladathoz megfelelő eszközt válassza ki. Van azonban néhány általános irányelv, amelyeket be lehet követni.
Ha egy projekt már JavaScriptben van írva, általában a legjobb a JavaScript használatát folytatni. Nincs szükség arra, hogy a kódot TypeScript-re konvertálja csak a TypeScript használata miatt. De ne feledje, hogy egy JavaScript-projekt karbantartása nehezebb lehet a rejtett hibákhoz vezető típusrendszer hiánya miatt. Ezért a legjobb a TypeScript átvétele, ha a projektet a jövőben karbantartják (és kibővítik).
Ha egy projekt a nulláról indul, általában a legjobb a TypeScript használata. Ez hosszú távon jobb kódszervezést és karbantartást tesz lehetővé.
Egyszerű példák
// TypeScript.
class Person {
name: string;
age: number;
}
const person: Person = new Person();
const person.name = "Tom";
const person.age = 42;
// JavaScript.
var Person = function() {};
Person.prototype.name = "";
Person.prototype.age = 0;
// TypeScript.
// Here's we're also using the class, but this
// time conforming to an interface, something that
// doesn't exist in JavaScript.
interface IPerson {
name: string;
age: number;
}
class Person implements IPerson {
name: string;
age: number;
}
// JavaScript.
var IPerson = function() {};
IPerson.prototype.name = "";
IPerson.prototype.age = 0;
var Person = function() {};
Person.prototype = Object.create(IPerson);
Záró szavak
A TypeScript egy hatékony nyelv, amely segíthet javítani a kód minőségét. Könnyű elkezdeni, és bármilyen JavaScriptet támogató platformon használható. Ez a cikk csak egy nagyon rövid bevezetőt adott, mivel a nyelv sokkal több funkciót és fogalmat kínál, amelyeket most megtanulhat.
Nézze meg az oldal végén található mellékletben található linkeket, ahol hasznos tananyagot talál.
