A TypeScript számos előnnyel rendelkezik a JavaScripthez képest, de hogyan lehet áttérni az előbbiről az utóbbira? Itt van, hogyan.
Az eredetileg 1995-ben kiadott, megdöbbentően rövid fejlesztési időszak után a JavaScript azóta számos webhely és alkalmazás szerves részévé vált. Mára a JavaScript otthonra talált mind a kliens, mind a szerveroldali alkalmazásokban. A fejlesztők továbbra is rengeteg funkciót igényelnek, az évek során tapasztalt változások ellenére.
A TypeScript egy szkriptnyelv, amely sok ilyen régóta várt funkcióval bővíti a JavaScriptet. A típusjegyzetek, az egyéni gépelés és az interfészek mind a fő összetevők, valamint a termelékenység növelésére szolgáló jobb eszközök.
Miért baj a váltás?
A nagyobb projekteknél a nyelvek leváltásának lehetősége stresszes lehet. Szerencsére, ha valaki fontolóra veszi a feladatot, a projektek JavaScript-ről TypeScript-re történő portolása meglehetősen egyszerű.
A JavaScript az elmúlt néhány évet azzal töltötte, hogy egyre nagyobb teret hódítson a fő programozási nyelvként. Eredetileg csak a webhelyek front-end szkriptjére használták, a Node.js kiadása a JavaScript szerver oldalát hozta el, elősegítve a népszerűség növelését.
Noha a JavaScript a közelmúltban sokkal népszerűbb lett, rengeteg olyan funkció van, amely a legújabb implementációjából, az ES6-ból még mindig hiányzik. Sok fejlesztő számára ezek a hiányzó funkciók korlátozzák a JavaScript nyelvként való használhatóságát.
A TypeScript célja, hogy orvosolja ezeket az aggodalmakat azáltal, hogy a JavaScriptet extra funkciókkal csomagolja be, majd a felhasználói kódot továbbítja. Az eredmény egy típusbiztos nyelv a JavaScript könnyű és használhatósága mellett.
Már számos eszköz és keretrendszer létezik teljes TypeScript-támogatással. Az Angular már régóta használja, sőt A Reactnak van módja a TypeScript implementálására.
A TypeScript olyan, mint a JavaScript továbbfejlesztett
A TypeScript számos olyan funkciót valósít meg, amelyeket a fejlesztők gyakran kérnek JavaScriptben. A TypeScript nevét az általa megvalósított teljes típusrendszerről kapta, beleértve az olyan funkciókat, mint a típusellenőrzés, a biztonság és az implicit gépelés. A TypeScript még azt is lehetővé teszi egyéni névtereket határozhat meg és használhat.
A TypeScript interfészeket, felsorolásokat és típuskövetkeztetéseket is tartalmaz. A TypeScript fenntartja a legújabb JavaScript-megvalósítás funkcióinak támogatását a régebbi funkciók mellett, és egy sor új funkciót ad hozzá.
Összességében a TypeScript egy biztonságosabb fejlesztési folyamat létrehozására összpontosít, erősebb eszközökkel a kódolók segítésére.
Ösztönzi a típusbiztos kódot
A TypeScript beépített típusellenőrző rendszert használ a változótípusok érvényesítésére. Tartalmaz egy sor szabványos típust saját osztályok és típusok meghatározásával. A típusok kifejezetten deklarálhatók, vagy hozzárendelés alapján következtethetünk.
A TypeScript számos szabványos adattípussal rendelkezik, beleértve a karakterláncokat, számokat, logikai értékeket és sorokat. Vannak olyan változótípusok is, mint például az ismeretlen és bármilyen, amelyek lehetővé teszik a gyengén típusú kód használatát.
A TypeScript típuskövetkeztetése lehetővé teszi, hogy akár szabványos JavaScript-kódon is típusellenőrzést hajtson végre, ha azt a TypeScript transzpilerén keresztül futtatja.
Az átültetés megkönnyíti a használatát
Fejlesztői szempontból a TypeScript egyik legjobb tulajdonsága, hogy vanília JavaScriptet ad ki. A TypeScript kódot egy transzpilációnak nevezett folyamaton keresztül futtathatja, amely hasonló a fordításhoz.
A transzpiláció eredménye nem egy futtatható fájl, hanem a kód eredeti nyelvétől eltérő nyelvű szkript.
A TypeScript kód JavaScript-be kerül, amelyet ezután futtathat egy szerveren vagy kliensen. Ezzel gyorsan és egyszerűen írhat kódot, amelyet szinte bármilyen platformon futtathat.
A TypeScript segíti a fejlesztők termelékenységét
Típusok hozzáadása a JavaScripthez nem csak a kód biztonságos futtatását teszi lehetővé, hanem a fejlesztők számára olyan eszközöket is biztosít, amelyek megkönnyítik a kódolást. A legtöbb modern IDE TypeScript támogatást kínál, amely lehetővé teszi a kódkiegészítő eszközöket, például az IntelliSense-t, hogy további kontextust kínáljanak a kódhoz. Írás közben típusellenőrzést is kínálhat, így gyorsabban észlelheti a hibákat.
Ezenkívül a TypeScript extra adatszerkezeteit és szintaxisát úgy tervezték, hogy javítsák a kód olvashatóságát. Ezek a funkciók gyorsabbá és egyszerűbbé teszik a jó minőségű kód létrehozását, és a lehetséges problémák felismerését, mielőtt azok problémássá válnának.
Hogyan portolhatod a kódodat?
Ha egy teljesen új projektbe kezd, új TypeScript projekt létrehozása elég egyszerű. Egy már létező projekt TypeScript-re konvertálása azonban egy kicsit többet jelent.
A legtöbb normál körülmények között ijesztő az a kilátás, hogy egy projektet egyik nyelvről a másikra konvertálnak. A JavaScriptről TypeScriptre való átalakítás azonban meglepően egyszerű.
A TypeScript mint a JavaScript szuperkészlete
A TypeScript a JavaScript szuperkészletének számít. Ez azt jelenti, hogy a TypeScript további szintaxis- és funkcionalitási rétegeket ad hozzá anélkül, hogy megváltoztatná vagy eltávolítaná az általa felépített alapvető funkciókat.
A fejlesztők számára ez azt jelenti, hogy minden kód, amely megfelelően fut JavaScriptben, automatikusan helyesen fut a TypeScriptben. Függetlenül attól, hogy a szóban forgó szkript NodeJS-ben futásra írt webszerver, vagy egy weblaphoz tartozó front-end szkriptek halmaza, az átváltás rendkívül egyszerű.
A TypeScript transzpiler telepítése után létrehozhat egy egyszerű tsconfig.json fájl a következő tartalommal:
{
"compilerOptions": {
"outDir": "./épít",
"allowJs": igaz,
"cél": "es5"
},
"beleértve": ["./src/**/*"]
}Helyezze át a vonatkozó fájlokat az src könyvtárba, és futtassa a transzpilert. Ez létrehozza az eredményül kapott JavaScript fájlokat a épít Könyvtár.
Ezek a gyors és egyszerű változtatások egy szabványos JavaScript-projektet TypeScript-projektté alakítanak át. Innentől szabadon használhatja a TypeScript által kínált új funkciókat. Típusokat fűzhet a változókhoz, egyéni típusokat valósíthat meg, és interfészeket határozhat meg.
Minden transzpiláció után használhatja a kimenetet a épít könyvtárba, ha szükséges, hozzáadva a fájlokat bármely projekthez, ahogyan azt általában tenné. A transzpiler beírja a check standard JavaScriptet, és az új szolgáltatásokat érvényes ES5 szkriptekké alakítja át.
Amit tudnod kell a JS-ről a TS-re
A projektek JavaScriptről TypeScriptre való konvertálása rendkívül egyszerű. Az átalakítás olyan egyszerű, mint a könyvtárstruktúra kikapcsolása, egy konfigurációs fájl hozzáadása és a transzpiler telepítése.
Az új nyelv minden előnyének kiaknázása azonban sokkal hosszabb projekt lehet. Míg a TypeScript képes kikövetkeztetni a projekt minden változójának típusát, ezeket kifejezetten deklarálni kell. Időigényes lehet a visszalépés, és egyéni típusok hozzáadása egy projekthez, megfelelő megjegyzések hozzáadása és felületek létrehozása.
Ha azonban ezeket a funkciókat hozzáadja egy projekthez, akkor kihasználhatja a megfelelő típusellenőrzés és a bővített szerszámok előnyeit. A nagyobb projektek gyorsabban és könnyebben felépíthetők, Ön korábban észleli a hibákat, és az új fejlesztők könnyebben elolvashatják a kódot.