Kako prenijeti svoj JavaScript program na TypeScript

Izvorno objavljen 1995. nakon nevjerojatno kratkog razvojnog razdoblja, JavaScript je od tada postao sastavni dio mnogih web stranica i aplikacija. Danas je JavaScript pronašao dom iu klijentskim i u aplikacijama na strani poslužitelja. Programeri i dalje zahtijevaju mnogo značajki, unatoč svim promjenama koje je doživio tijekom godina.

TypeScript je skriptni jezik koji proširuje JavaScript mnogim od ovih dugo očekivanih značajki. Bilješke tipa, prilagođeno tipkanje i sučelja glavne su komponente, zajedno s boljim alatom za povećanje produktivnosti.

Zašto se mučiti mijenjanjem?

Mogućnost mijenjanja jezika na velikim projektima može biti stresna. Srećom za sve koji razmišljaju o tom zadatku, postupak prijenosa projekta s JavaScripta na TypeScript prilično je jednostavan.

JavaScript je posljednjih nekoliko godina stekao popularnost kao glavni programski jezik. Izvorno korišten samo za front-end skriptiranje na web-mjestima, izdanje Node.js-a donijelo je JavaScript poslužiteljsku stranu, pomažući u povećanju njegove popularnosti.

Iako je JavaScript u posljednje vrijeme postao daleko popularniji, postoji mnogo značajki koje još uvijek nedostaju njegovoj najnovijoj implementaciji, ES6. Za mnoge programere, te značajke koje nedostaju ograničavaju korisnost JavaScripta kao jezika.

TypeScript ima za cilj ispraviti te nedoumice omotavanjem JavaScripta dodatnim značajkama, a zatim transpiliranjem korisničkog koda. Rezultat je jezik siguran za tip s lakoćom i upotrebljivošću JavaScripta.

Već postoji nekoliko alata i okvira s punom podrškom za TypeScript. Angular ga koristi već dugo, pa čak React ima načine za implementaciju TypeScripta.

TypeScript je poput poboljšanog JavaScripta

TypeScript implementira mnoge značajke koje programeri često traže u JavaScriptu. TypeScript je dobio ime po kompletnom sustavu tipova koji implementira, uključujući značajke kao što su provjera tipa, sigurnost i implicitno tipkanje. TypeScript vam čak omogućuje definirati i koristiti prilagođene prostore imena.

TypeScript također sadrži sučelja, enumeracije i zaključivanje tipa. TypeScript održava podršku za značajke iz najnovije implementacije JavaScripta uz naslijeđene značajke i dodaje paket novih značajki.

Općenito, fokus TypeScripta je na stvaranju sigurnijeg procesa razvoja s jačim alatima za pomoć koderima.

Potiče tipski siguran kod

TypeScript koristi ugrađeni sustav provjere tipa za provjeru valjanosti tipova varijabli. Uključuje skup standardnih tipova s ​​mogućnošću definiranja vlastitih klasa i tipova. Tipovi se mogu eksplicitno deklarirati ili izvesti na temelju dodjele.

TypeScript ima nekoliko standardnih tipova podataka, uključujući nizove, brojeve, Booleove vrijednosti i torke. Postoje i tipovi varijabli, kao što su unknown i any, koji vam omogućuju upotrebu slabo tipiziranog koda.

Tipski zaključak TypeScripta omogućuje vam da pokrenete provjere tipa čak i na standardnom JavaScript kodu tako da ga pokrenete kroz TypeScriptov transpiler.

Transpilacija olakšava upotrebu

Iz perspektive razvojnog programera, jedna od najboljih značajki TypeScripta je da ispisuje vanilla JavaScript. Možete pokrenuti TypeScript kod kroz proces poznat kao transpilacija, koji je sličan kompilaciji.

Umjesto izvršne datoteke, rezultat transpilacije je skripta na jeziku koji nije izvorni kod.

TypeScript kod se prevodi u JavaScript koji zatim možete pokrenuti na poslužitelju ili klijentu. To vam omogućuje brzo i jednostavno pisanje koda koji možete pokrenuti na gotovo svakoj platformi.

TypeScript pomaže produktivnosti programera

Dodavanje tipova u JavaScript ne samo da omogućuje sigurno pokretanje koda, već također pruža programerima alate koji olakšavaju kodiranje. Većina modernih IDE-a nudi podršku za TypeScript koja omogućuje alatima za dovršavanje koda kao što je IntelliSense da ponude dodatni kontekst kodu. Također može ponuditi provjeru tipa dok pišete, pomažući vam da brže uhvatite pogreške.

Osim toga, dodatne strukture podataka i sintaksa TypeScripta dizajnirane su za povećanje čitljivosti koda. Ove značajke omogućuju bržu i lakšu izradu visokokvalitetnog koda i uočavanje potencijalnih problema prije nego što postanu problematični.

Kako možete prenijeti svoj kod?

Ako započinjete potpuno novi projekt, stvaranje novog TypeScript projekta je prilično jednostavan. Međutim, pretvaranje postojećeg projekta u TypeScript malo je zahtjevnije.

U većini normalnih okolnosti, mogućnost pretvaranja projekta s jednog jezika na drugi je zastrašujuća. Međutim, konverzija iz JavaScripta u TypeScript je iznenađujuće jednostavna.

TypeScript kao nadskup JavaScripta

TypeScript se smatra nadskupom JavaScripta. To znači da TypeScript dodaje dodatne slojeve sintakse i funkcionalnosti, bez mijenjanja ili uklanjanja temeljne funkcionalnosti oko koje se gradi.

Za programere to znači da će se svaki kod koji se ispravno izvodi u JavaScriptu automatski ispravno izvoditi u TypeScriptu. Bilo da je skripta u pitanju web poslužitelj napisan za pokretanje u NodeJS-u ili skup front-end skripti za web stranicu, prebacivanje je iznimno jednostavno.

Nakon instaliranja TypeScript transpilera, možete izraditi jednostavan tsconfig.json datoteka sa sljedećim sadržajem:

{
"Opcije kompilatora": {
"outDir": "./izgraditi",
"dopustiJs": pravi,
"cilj": "es5"
 },
"uključiti": ["./src/**/*"]
}

Premjestite sve primjenjive datoteke u direktorij src i pokrenite transpiler. Ovo će stvoriti rezultirajuće JavaScript datoteke u izgraditi imenik.

Ove brze i jednostavne promjene pretvorit će standardni JavaScript projekt u TypeScript. Odavde možete slobodno koristiti nove značajke koje TypeScript nudi u slobodno vrijeme. Možete označiti tipove na varijablama, implementirati prilagođene tipove i definirati sučelja.

Nakon svake transpilacije, možete koristiti izlaz iz izgraditi imenik prema potrebi dodavanjem datoteka u bilo koji projekt kao što biste to inače činili. Transpiler će tipkati provjeriti standardni JavaScript i pretvoriti nove značajke u važeće ES5 skripte.

Što trebate znati da prijeđete s JS na TS

Proces pretvaranja projekta iz JavaScripta u TypeScript iznimno je jednostavan. Pretvorba je jednostavna poput isključivanja strukture direktorija, dodavanja konfiguracijske datoteke i instaliranja transpilera.

Međutim, izvlačenje svih prednosti novog jezika može biti puno dulji projekt. Iako TypeScript može zaključiti tip svake varijable u projektu, one bi trebale biti eksplicitno deklarirane. Vraćanje i dodavanje prilagođenih tipova projektu, dodavanje odgovarajućih zabilješki i stvaranje sučelja može oduzimati puno vremena.

Dodavanje ovih značajki projektu, međutim, omogućit će vam da iskoristite prednosti koje dolaze s odgovarajućom provjerom tipa i proširenim alatima. Velike projekte bit će brže i lakše izgraditi, ranije ćete identificirati pogreške, a novim programerima bit će lakše čitati vaš kod.