Kuidas portida oma JavaScripti programm TypeScripti

Algselt 1995. aastal pärast hämmastavalt lühikest arendusperioodi välja antud JavaScript on sellest ajast alates muutunud paljude saitide ja rakenduste lahutamatuks osaks. Tänaseks on JavaScript leidnud kodu nii kliendi- kui ka serveripoolsetes rakendustes. Arendajad nõuavad endiselt palju funktsioone, hoolimata kõigist aastate jooksul tehtud muudatustest.

TypeScript on skriptikeel, mis laiendab JavaScripti paljude nende kauaoodatud funktsioonidega. Tüübimärkused, kohandatud tippimine ja liidesed on kõik peamised komponendid koos paremate tööriistadega tootlikkuse suurendamiseks.

Miks peaks vahetamisega vaeva nägema?

Suurprojektide puhul keelte väljalülitamise väljavaade võib olla stressirohke. Õnneks kõigile, kes seda ülesannet kaaluvad, on projekti JavaScriptist TypeScripti teisaldamine üsna lihtne.

JavaScript on viimased paar aastat veetnud peamise programmeerimiskeelena haarde kogumiseks. Algselt kasutati ainult veebisaitide esiotsa skriptimiseks, kuid Node.js-i väljalaskmine tõi JavaScripti serveri poole, aidates selle populaarsust laiendada.

Kuigi JavaScript on viimasel ajal palju populaarsemaks muutunud, on palju funktsioone, mis selle uusimal juurutamisel ES6 endiselt puuduvad. Paljude arendajate jaoks piiravad need puudulikud funktsioonid JavaScripti kui keele kasulikkust.

TypeScripti eesmärk on need probleemid lahendada, pakkides JavaScripti lisafunktsioonidega ja seejärel edastades kasutajakoodi. Tulemuseks on tüübikindel keel JavaScripti lihtsuse ja kasutatavusega.

Seal on juba mitu tööriista ja raamistikku täieliku TypeScripti toega. Angular on seda juba pikka aega kasutanud ja isegi Reactil on viise TypeScripti juurutamiseks.

TypeScript on nagu JavaScripti täiustatud

TypeScript rakendab paljusid funktsioone, mida arendajad JavaScriptis sageli nõuavad. TypeScript on saanud nime kogu tüübisüsteemi järgi, mida see rakendab, sealhulgas funktsioone, nagu tüübikontroll, ohutus ja kaudne tippimine. TypeScript isegi võimaldab teil defineerida ja kasutada kohandatud nimeruume.

TypeScript sisaldab ka liideseid, loendeid ja tüübijäreldusi. TypeScript toetab uusima JavaScripti juurutuse funktsioone koos pärandfunktsioonidega ja lisab hulga uusi funktsioone.

Üldiselt keskendub TypeScript turvalisema arendusprotsessi loomisele koos tugevamate tööriistadega kodeerijate abistamiseks.

See julgustab tüübikindlat koodi

TypeScript kasutab muutujatüüpide kinnitamiseks sisseehitatud tüübikontrollisüsteemi. See sisaldab standardtüüpide komplekti koos võimalusega määrata oma klassid ja tüübid. Tüüpe saab selgesõnaliselt deklareerida või määramise põhjal järeldada.

TypeScriptil on mitu standardset andmetüüpi, sealhulgas stringid, numbrid, tõeväärtused ja korteežid. Samuti on muutujate tüübid, nagu tundmatu ja mis tahes, mis võimaldavad kasutada nõrgalt trükitud koodi.

TypeScripti tüübijäreldus võimaldab teil käivitada isegi standardse JavaScripti koodi tüübikontrolli, käivitades selle TypeScripti transpileri kaudu.

Transpilatsioon muudab kasutamise lihtsaks

Arendaja vaatenurgast on TypeScripti üks parimaid omadusi see, et see väljastab vanilje JavaScripti. TypeScripti koodi saate käivitada transpilatsioonina tuntud protsessi kaudu, mis sarnaneb kompileerimisega.

Käivitusfaili asemel on transpilatsiooni tulemuseks skript, mis on muus keeles kui koodi algne keel.

TypeScripti kood edastatakse JavaScriptiks, mida saate seejärel serveris või kliendis käivitada. See võimaldab teil kiiresti ja lihtsalt kirjutada koodi, mida saate käivitada peaaegu igal platvormil.

TypeScript aitab arendaja tootlikkust

Tüüpide lisamine JavaScriptile ei võimalda mitte ainult koodi turvaliselt töötada, vaid pakub arendajatele ka tööriistu, mis muudavad kodeerimise lihtsamaks. Enamik kaasaegseid IDE-sid pakuvad TypeScripti tuge, mis võimaldab koodi lõpetamise tööriistadel, nagu IntelliSense, pakkuda koodile täiendavat konteksti. Samuti võib see pakkuda kirjutamise ajal tüübikontrolli, mis aitab teil vigu kiiremini tabada.

Lisaks on TypeScripti täiendavad andmestruktuurid ja süntaks loodud koodi loetavuse parandamiseks. Need funktsioonid muudavad kvaliteetse koodi loomise kiiremaks ja lihtsamaks ning tuvastavad võimalikud probleemid enne, kui need muutuvad problemaatiliseks.

Kuidas saate oma koodi portida?

Kui alustate täiesti uut projekti, uue TypeScripti projekti loomine on üsna lihtne. Olemasoleva projekti teisendamine TypeScriptiks on aga veidi rohkem kaasatud.

Enamikes tavaoludes on väljavaade projekti ühest keelest teise teisendamiseks hirmutav. JavaScriptist TypeScripti teisendamine on aga üllatavalt lihtne.

TypeScript kui JavaScripti superkomplekt

TypeScripti peetakse JavaScripti superkomplektiks. See tähendab, et TypeScript lisab täiendavaid süntaksi ja funktsionaalsuse kihte, muutmata või eemaldamata põhifunktsioone, mille ümber see üles ehitab.

Arendajate jaoks tähendab see, et iga JavaScriptis korralikult töötav kood töötab automaatselt ka TypeScriptis. Olenemata sellest, kas kõnealune skript on veebiserver, mis on kirjutatud töötama NodeJS-is, või veebilehe esiotsa skriptide komplekt, on ümberlülitamine erakordselt lihtne.

Pärast TypeScripti transpileri installimist saate luua lihtsa tsconfig.json järgmise sisuga fail:

{
"kompilaatori valikud": {
"outDir": "./build",
"allowJs": tõsi,
"sihtmärk": "es5"
 },
"kaasa": ["./src/**/*"]
}

Teisaldage kõik kohaldatavad failid src kataloogi ja käivitage transpiler. See loob saadud JavaScripti failid failis ehitada kataloog.

Need kiired ja lihtsad muudatused teisendavad standardse JavaScripti projekti TypeScripti projektiks. Siit saate vabal ajal kasutada TypeScripti pakutavaid uusi funktsioone. Saate muutujatele tüüpe lisada, kohandatud tüüpe rakendada ja liideseid määratleda.

Pärast iga transpilatsiooni saate kasutada väljundit ehitada kataloogi vastavalt vajadusele, lisades failid mis tahes projekti nagu tavaliselt. Transpiler tipib kontrolli standardse JavaScripti ja teisendab uued funktsioonid kehtivateks ES5 skriptideks.

Mida peate teadma, et minna JS-st TS-i

Projekti JavaScriptist TypeScripti teisendamine on erakordselt lihtne. Teisendamine on sama lihtne kui kataloogistruktuuri väljalülitamine, konfiguratsioonifaili lisamine ja transpileri installimine.

Uuest keelest kõigi eeliste saamine võib aga olla palju pikem projekt. Kuigi TypeScript võib tuletada iga projekti muutuja tüübi, tuleks need selgesõnaliselt deklareerida. Projektile tagasi pöördumine ja kohandatud tüüpide lisamine, õigete märkuste lisamine ja liideste loomine võib olla aeganõudev.

Kuid nende funktsioonide lisamine projektile võimaldab teil saada kasu, mis kaasnevad korraliku tüübikontrolli ja laiendatud tööriistadega. Suuremaid projekte on kiirem ja lihtsam koostada, tuvastate vead varem ja uutel arendajatel on teie koodi lihtsam lugeda.