TypeScript ima številne prednosti pred JavaScriptom, toda kako lahko preidete s prvega na drugega? Evo kako.

JavaScript, ki je bil prvotno izdan leta 1995 po osupljivo kratkem razvojnem obdobju, je od takrat postal sestavni del številnih spletnih mest in aplikacij. Danes je JavaScript našel dom v odjemalskih in strežniških aplikacijah. Razvijalci še vedno zahtevajo veliko funkcij, kljub vsem spremembam, ki jih je doživel v preteklih letih.

TypeScript je skriptni jezik, ki razširja JavaScript s številnimi od teh dolgo pričakovanih funkcij. Opombe tipa, tipkanje po meri in vmesniki so glavne komponente, skupaj z boljšim orodjem za povečanje produktivnosti.

Zakaj bi se trudili zamenjati?

Možnost zamenjave jezika pri večjih projektih je lahko stresna. K sreči za vse, ki razmišljajo o tej nalogi, je postopek prenosa projekta iz JavaScripta v TypeScript precej preprost.

JavaScript se zadnjih nekaj let uveljavlja kot glavni programski jezik. Izdaja Node.js, ki se je prvotno uporabljal samo za skriptiranje v sprednjem delu na spletnih mestih, je prinesla strežniško stran JavaScript, kar je pomagalo povečati njegovo priljubljenost.

Medtem ko je JavaScript v zadnjem času postal veliko bolj priljubljen, obstaja veliko funkcij, ki jih najnovejša implementacija ES6 še vedno nima. Za mnoge razvijalce te pomanjkljive funkcije omejujejo uporabnost JavaScripta kot jezika.

TypeScript želi odpraviti te pomisleke tako, da JavaScript ovije z dodatnimi funkcijami in nato prevede uporabniško kodo. Rezultat je tipsko varen jezik z enostavnostjo in uporabnostjo JavaScripta.

Obstaja že več orodij in ogrodij s polno podporo za TypeScript. Angular ga uporablja že dolgo in celo React ima načine za implementacijo TypeScripta.

TypeScript je kot izboljšan JavaScript

TypeScript izvaja številne funkcije, ki jih razvijalci pogosto zahtevajo v JavaScriptu. TypeScript je poimenovan po celotnem sistemu tipov, ki ga izvaja, vključno s funkcijami, kot so preverjanje tipa, varnost in implicitno tipkanje. TypeScript vam celo omogoča definirati in uporabljati imenske prostore po meri.

TypeScript vsebuje tudi vmesnike, enumeracije in tipsko sklepanje. TypeScript poleg podedovanih funkcij ohranja podporo za funkcije iz najnovejše implementacije JavaScripta in dodaja nabor novih funkcij.

Na splošno je TypeScript osredotočen na ustvarjanje varnejšega razvojnega procesa z močnejšimi orodji za pomoč koderjem.

Spodbuja tipsko varno kodo

TypeScript uporablja vgrajen sistem za preverjanje tipov za preverjanje vrst spremenljivk. Vključuje nabor standardnih tipov z možnostjo definiranja lastnih razredov in tipov. Vrste je mogoče izrecno deklarirati ali sklepati na podlagi dodelitve.

TypeScript ima več standardnih tipov podatkov, vključno z nizi, številkami, logičnimi vrednostmi in tuplemi. Obstajajo tudi vrste spremenljivk, kot sta neznano in katera koli, ki vam omogočajo uporabo šibko tipizirane kode.

Tipsko sklepanje TypeScript vam omogoča, da zaženete preverjanje tipa celo standardne kode JavaScript, tako da jo zaženete prek transpilerja TypeScript.

Transpilacija poenostavi uporabo

Z vidika razvijalca je ena najboljših lastnosti TypeScripta ta, da izpiše nenavaden JavaScript. Kodo TypeScript lahko izvajate s postopkom, znanim kot transpilacija, ki je podoben prevajanju.

Rezultat transpilacije je namesto izvršljive datoteke skript v jeziku, ki ni izvirni jezik kode.

Koda TypeScript se prevede v JavaScript, ki ga lahko nato izvajate na strežniku ali odjemalcu. To vam omogoča hitro in preprosto pisanje kode, ki jo lahko izvajate na skoraj vseh platformah.

TypeScript pomaga pri produktivnosti razvijalcev

Dodajanje tipov v JavaScript ne omogoča le varnega izvajanja kode, ampak razvijalcem nudi tudi orodja, ki olajšajo kodiranje. Večina sodobnih IDE ponuja podporo za TypeScript, ki omogoča, da orodja za dokončanje kode, kot je IntelliSense, ponudijo dodaten kontekst kodi. Omogoča tudi preverjanje tipa med pisanjem, kar vam pomaga hitreje odkriti napake.

Poleg tega so dodatne podatkovne strukture in sintaksa TypeScript zasnovane tako, da povečajo berljivost kode. Te funkcije omogočajo hitrejše in preprostejše ustvarjanje visokokakovostne kode in odkrivanje morebitnih težav, preden postanejo problematične.

Kako lahko prenesete svojo kodo?

Če začenjate povsem nov projekt, ustvarjanje novega projekta TypeScript je čisto preprosto. Pretvorba že obstoječega projekta v TypeScript pa je nekoliko bolj zapletena.

V večini običajnih okoliščin je možnost pretvorbe projekta iz enega jezika v drugega zastrašujoča. Pretvorba iz JavaScripta v TypeScript pa je presenetljivo preprosta.

TypeScript kot nadnabor JavaScripta

TypeScript velja za nadnabor JavaScripta. To pomeni, da TypeScript doda dodatne plasti sintakse in funkcionalnosti, ne da bi spremenil ali odstranil osnovno funkcionalnost, okoli katere gradi.

Za razvijalce to pomeni, da se bo vsaka koda, ki se pravilno izvaja v JavaScriptu, samodejno pravilno izvajala v TypeScriptu. Ne glede na to, ali je zadevni skript spletni strežnik, napisan za izvajanje v NodeJS, ali nabor sprednjih skriptov za spletno stran, je preklop izjemno preprost.

Po namestitvi transpilerja TypeScript lahko ustvarite preprosto tsconfig.json datoteka z naslednjo vsebino:

{
"možnosti prevajalnika": {
"outDir": "./build",
"allowJs": prav,
"tarča": "es5"
 },
"vključi": ["./src/**/*"]
}

Premaknite vse ustrezne datoteke v imenik src in zaženite transpiler. To bo ustvarilo nastale datoteke JavaScript v graditi imenik.

Te hitre in preproste spremembe bodo pretvorile standardni projekt JavaScript v projekt TypeScript. Od tu naprej lahko prosto uporabljate nove funkcije, ki jih ponuja TypeScript. Spremenljivkam lahko dodajate opombe tipom, izvajate tipe po meri in definirate vmesnike.

Po vsaki transpilaciji lahko uporabite izhod iz graditi po potrebi tako, da dodate datoteke v kateri koli projekt tako kot običajno. Transpiler bo vnesel preveril standardni JavaScript in pretvoril nove funkcije v veljavne skripte ES5.

Kaj morate vedeti, da preidete z JS na TS

Postopek pretvorbe projekta iz JavaScripta v TypeScript je izjemno enostaven. Pretvorba je tako preprosta kot izklop strukture imenika, dodajanje konfiguracijske datoteke in namestitev transpilerja.

Izkoriščanje vseh prednosti novega jezika pa je lahko veliko daljši projekt. Čeprav lahko TypeScript sklepa o vrsti vsake spremenljivke v projektu, je treba te izrecno deklarirati. Vrnitev nazaj in dodajanje vrst po meri v projekt, dodajanje ustreznih opomb in ustvarjanje vmesnikov je lahko dolgotrajno.

Dodajanje teh funkcij v projekt pa vam bo omogočilo, da izkoristite prednosti, ki prihajajo z ustreznim preverjanjem tipa in razširjenim orodjem. Večje projekte bo hitreje in lažje zgraditi, prej boste prepoznali napake, novi razvijalci pa bodo lažje prebrali vašo kodo.