Kā portēt savu JavaScript programmu uz TypeScript

Sākotnēji JavaScript tika izlaists 1995. gadā pēc satriecoši īsa izstrādes perioda, un kopš tā laika tas ir kļuvis par daudzu vietņu un lietotņu neatņemamu sastāvdaļu. Mūsdienās JavaScript ir atradis mājvietu gan klienta, gan servera puses lietojumprogrammās. Izstrādātāji joprojām pieprasa daudzas funkcijas, neskatoties uz visām izmaiņām, kas ir piedzīvojušas gadu gaitā.

TypeScript ir skriptu valoda, kas paplašina JavaScript ar daudzām no šīm ilgi gaidītajām funkcijām. Tipa anotācija, pielāgota rakstīšana un saskarnes ir visas galvenās sastāvdaļas, kā arī labāki rīki produktivitātes palielināšanai.

Kāpēc uztraukties ar pārslēgšanu?

Izredzes mainīt valodas lielos projektos var radīt stresu. Par laimi ikvienam, kas apsver šo uzdevumu, projekta pārnešanas process no JavaScript uz TypeScript ir diezgan vienkāršs.

JavaScript ir pavadījis pēdējos dažus gadus, kļūstot par galveno programmēšanas valodu. Sākotnēji tas tika izmantots tikai priekšgala skriptiem vietnēs, taču, izlaižot Node.js, tika ieviesta JavaScript servera puse, palīdzot paplašināt tā popularitāti.

Lai gan JavaScript pēdējā laikā ir kļuvis daudz populārāks, ir daudz funkciju, kuru jaunākajai versijai ES6 joprojām trūkst. Daudziem izstrādātājiem šīs trūkstošās funkcijas ierobežo JavaScript kā valodas lietderību.

TypeScript mērķis ir novērst šīs bažas, iesaiņojot JavaScript ar papildu funkcijām un pēc tam pārsūtot lietotāja kodu. Rezultāts ir tipam droša valoda ar JavaScript vieglumu un lietojamību.

Jau ir vairāki rīki un ietvari ar pilnu TypeScript atbalstu. Angular to izmanto jau ilgu laiku un pat React ir veidi, kā ieviest TypeScript.

TypeScript ir kā JavaScript uzlabots

TypeScript ievieš daudzas funkcijas, kuras izstrādātāji bieži pieprasa JavaScript. TypeScript ir nosaukts pēc visas tā ieviestās tipa sistēmas, tostarp tādām funkcijām kā tipa pārbaude, drošība un netieša rakstīšana. TypeScript pat ļauj definēt un izmantot pielāgotas nosaukumvietas.

TypeScript satur arī saskarnes, uzskaitījumus un veidu secinājumus. TypeScript atbalsta jaunākās JavaScript ieviešanas funkcijas, kā arī mantotās funkcijas un pievieno jaunu funkciju komplektu.

Kopumā TypeScript koncentrējas uz drošāka izstrādes procesa izveidi ar spēcīgākiem rīkiem, lai palīdzētu kodētājiem.

Tas veicina tipa drošu kodu

TypeScript izmanto iebūvētu tipa pārbaudes sistēmu, lai apstiprinātu mainīgo tipus. Tas ietver standarta tipu kopu ar iespēju definēt savas klases un veidus. Veidus var skaidri deklarēt vai izsecināt, pamatojoties uz piešķiršanu.

TypeScript ir vairāki standarta datu tipi, tostarp virknes, skaitļi, Būla vērtības un korteži. Ir arī mainīgo veidi, piemēram, nezināms un jebkurš, kas ļauj izmantot vāji ievadītu kodu.

TypeScript tipa secinājums ļauj veikt tipa pārbaudes pat standarta JavaScript kodam, palaižot to caur TypeScript transpilatoru.

Transpilācija padara to viegli lietojamu

No izstrādātāja viedokļa viena no labākajām TypeScript iezīmēm ir tā, ka tā izvada vaniļas JavaScript. TypeScript kodu var palaist, izmantojot procesu, kas pazīstams kā transpilācija un kas ir līdzīgs kompilācijai.

Transpilācijas rezultāts ir nevis izpildāms fails, bet skripts valodā, kas nav koda oriģinālā valoda.

TypeScript kods tiek pārsūtīts uz JavaScript, ko pēc tam varat palaist serverī vai klientā. Tas ļauj ātri un vienkārši rakstīt kodu, ko varat palaist gandrīz jebkurā platformā.

TypeScript palīdz izstrādātāju produktivitātei

Veidu pievienošana JavaScript ne tikai ļauj droši darboties, bet arī nodrošina izstrādātājiem rīkus, kas atvieglo kodēšanu. Lielākā daļa mūsdienu IDE piedāvā TypeScript atbalstu, kas ļauj koda pabeigšanas rīkiem, piemēram, IntelliSense, piedāvāt kodam papildu kontekstu. Tas var arī piedāvāt tipa pārbaudi rakstīšanas laikā, palīdzot ātrāk atklāt kļūdas.

Turklāt TypeScript papildu datu struktūras un sintakse ir paredzētas, lai uzlabotu koda lasāmību. Šīs funkcijas ļauj ātrāk un vienkāršāk izveidot augstas kvalitātes kodu un noteikt iespējamās problēmas, pirms tās kļūst problemātiskas.

Kā jūs varat portēt savu kodu?

Ja uzsākat pavisam jaunu projektu, izveidojot jaunu TypeScript projektu ir pavisam vienkārši. Tomēr jau esoša projekta konvertēšana uz TypeScript ir nedaudz vairāk saistīta.

Parastos apstākļos iespēja pārvērst projektu no vienas valodas citā ir biedējoša. Tomēr pārveidošana no JavaScript uz TypeScript ir pārsteidzoši vienkārša.

TypeScript kā JavaScript superkopa

TypeScript tiek uzskatīts par JavaScript superkopu. Tas nozīmē, ka TypeScript pievieno papildu sintakses un funkcionalitātes slāņus, nemainot vai nenoņemot pamata funkcionalitāti, ko tas veido.

Izstrādātājiem tas nozīmē, ka jebkurš kods, kas pareizi darbojas JavaScript formātā, automātiski tiks pareizi palaists TypeScript. Neatkarīgi no tā, vai attiecīgais skripts ir tīmekļa serveris, kas rakstīts palaišanai pakalpojumā NodeJS, vai priekšgala skriptu kopa tīmekļa lapai, pārslēgšanās ir ārkārtīgi vienkārša.

Pēc TypeScript transpilatora instalēšanas varat izveidot vienkāršu tsconfig.json fails ar šādu saturu:

{
"kompilatora opcijas": {
"outDir": "./būvēt",
"allowJs": taisnība,
"mērķis": "es5"
 },
"iekļaut": ["./src/**/*"]
}

Pārvietojiet visus piemērojamos failus uz src direktoriju un palaidiet transpilatoru. Tādējādi tiks izveidoti iegūtie JavaScript faili mapē būvēt direktoriju.

Šīs ātrās un vienkāršās izmaiņas pārveidos standarta JavaScript projektu par TypeScript projektu. Šeit jūs varat brīvi izmantot jaunās funkcijas, ko piedāvā TypeScript. Varat anotēt mainīgo veidus, ieviest pielāgotus tipus un definēt saskarnes.

Pēc katras transpilācijas varat izmantot izvadi no būvēt direktorijā, ja nepieciešams, pievienojot failus jebkuram projektam tāpat kā parasti. Transpilators ierakstīs pārbaudes standarta JavaScript un pārveidos jaunas funkcijas derīgos ES5 skriptos.

Kas jums jāzina, lai pārietu no JS uz TS

Projekta konvertēšana no JavaScript uz TypeScript ir ārkārtīgi vienkārša. Konvertēšana ir tikpat vienkārša kā direktoriju struktūras izslēgšana, konfigurācijas faila pievienošana un transpilētāja instalēšana.

Tomēr visu jaunās valodas priekšrocību iegūšana var būt daudz ilgāks projekts. Lai gan TypeScript var izsecināt katra mainīgā veidu projektā, tie ir skaidri jādeklarē. Atgriešanās un pielāgotu veidu pievienošana projektam, atbilstošu anotāciju pievienošana un saskarņu izveide var būt laikietilpīga.

Tomēr šo funkciju pievienošana projektam ļaus jums gūt labumu, ko sniedz pareiza tipa pārbaude un paplašināti rīki. Lielos projektus būs ātrāk un vieglāk izveidot, jūs agrāk atklāsit kļūdas, un jaunajiem izstrādātājiem būs vieglāk nolasīt jūsu kodu.