Kaip perkelti „JavaScript“ programą į „TypeScript“.

Iš pradžių išleista 1995 m. po stulbinančiai trumpo kūrimo laikotarpio, „JavaScript“ nuo tada tapo neatsiejama daugelio svetainių ir programų dalimi. Šiandien „JavaScript“ rado namus tiek kliento, tiek serverio programose. Kūrėjai vis dar reikalauja daugybės funkcijų, nepaisant visų pokyčių, kuriuos patyrė bėgant metams.

„TypeScript“ yra scenarijų kalba, praplečianti „JavaScript“ daugeliu šių ilgai lauktų funkcijų. Tipo anotacija, pasirinktinis spausdinimas ir sąsajos yra pagrindiniai komponentai, taip pat geresni įrankiai našumui padidinti.

Kodėl nerimauti dėl perjungimo?

Galimybė atsisakyti kalbų vykdant didelius projektus gali kelti stresą. Laimei, jei kas svarsto apie užduotį, projekto perkėlimo iš „JavaScript“ į „TypeScript“ procesas yra gana paprastas.

„JavaScript“ pastaruosius kelerius metus populiarėjo kaip pagrindinė programavimo kalba. Iš pradžių naudotas tik priekiniam scenarijui svetainėse, išleidus „Node.js“, atsirado „JavaScript“ serverio pusė, o tai padėjo išplėsti jo populiarumą.

Nors „JavaScript“ pastaruoju metu tapo daug populiaresnis, yra daugybė funkcijų, kurių naujausiam jos diegimui ES6 vis dar trūksta. Daugeliui kūrėjų šios trūkstamos funkcijos riboja „JavaScript“ kaip kalbos naudingumą.

„TypeScript“ siekia ištaisyti šias problemas įtraukdama „JavaScript“ į papildomas funkcijas, tada perkeldama vartotojo kodą. Rezultatas – tinkama naudoti kalba su „JavaScript“ paprastumu ir naudojimu.

Jau yra keletas įrankių ir sistemų su visišku „TypeScript“ palaikymu. Angular naudojo ilgą laiką ir netgi „React“ turi būdų, kaip įdiegti „TypeScript“..

„TypeScript“ yra kaip „JavaScript“ patobulinta

„TypeScript“ įdiegia daug funkcijų, kurių kūrėjai dažnai prašo „JavaScript“. „TypeScript“ pavadintas dėl visos jos įdiegtos tipo sistemos, įskaitant tokias funkcijas kaip tipo tikrinimas, sauga ir numanomas spausdinimas. „TypeScript“ netgi leidžia apibrėžti ir naudoti pasirinktines vardų sritis.

„TypeScript“ taip pat turi sąsajų, sąrašų ir tipo išvadų. „TypeScript“ palaiko naujausio „JavaScript“ diegimo funkcijas kartu su senosiomis funkcijomis ir prideda naujų funkcijų.

Apskritai „TypeScript“ daugiausia dėmesio skiria saugesniam kūrimo procesui su stipresniais įrankiais, padedančiais programuotojams.

Tai skatina naudoti tipo saugų kodą

„TypeScript“ naudoja integruotą tipo tikrinimo sistemą, kad patvirtintų kintamųjų tipus. Jame yra standartinių tipų rinkinys su galimybe apibrėžti savo klases ir tipus. Tipai gali būti aiškiai deklaruojami arba numanomi pagal priskyrimą.

„TypeScript“ turi keletą standartinių duomenų tipų, įskaitant eilutes, skaičius, loginius duomenis ir eilutes. Taip pat yra kintamųjų tipų, pvz., nežinomas ir bet kuris, leidžiantis naudoti silpnai įvestą kodą.

„TypeScript“ tipo išvada leidžia atlikti net standartinio „JavaScript“ kodo tipo patikras, paleidžiant jį per „TypeScript“ transpilerį.

Transpiliacija palengvina naudojimą

Žvelgiant iš kūrėjo perspektyvos, viena geriausių „TypeScript“ savybių yra ta, kad ji išveda vanilinį „JavaScript“. „TypeScript“ kodą galite paleisti per procesą, žinomą kaip transpiliacija, kuris yra panašus į kompiliavimą.

Transpiliacijos rezultatas yra ne vykdomasis failas, o scenarijus kita kalba nei originali kodo kalba.

„TypeScript“ kodas perkeliamas į „JavaScript“, kurį galite paleisti serveryje arba kliente. Tai leidžia greitai ir lengvai parašyti kodą, kurį galite paleisti beveik bet kurioje platformoje.

„TypeScript“ padeda kūrėjų produktyvumui

Pridėjus „JavaScript“ tipus, kodas ne tik leidžia saugiai veikti, bet ir suteikia kūrėjams įrankių, palengvinančių kodavimą. Dauguma šiuolaikinių IDE siūlo „TypeScript“ palaikymą, leidžiantį kodo užbaigimo įrankiams, pvz., „IntelliSense“, pasiūlyti papildomą kodo kontekstą. Rašant ji taip pat gali pasiūlyti tipo tikrinimą, padedantį greičiau pastebėti klaidas.

Be to, papildomos „TypeScript“ duomenų struktūros ir sintaksė yra skirtos pagerinti kodo skaitomumą. Šios funkcijos leidžia greičiau ir lengviau sukurti aukštos kokybės kodą ir pastebėti galimas problemas, kol jos nekyla problemų.

Kaip galite perkelti savo kodą?

Jei pradedate visiškai naują projektą, sukurti naują TypeScript projektą yra gana paprasta. Tačiau jau esamo projekto konvertavimas į „TypeScript“ yra šiek tiek labiau susijęs.

Įprastomis aplinkybėmis galimybė paversti projektą iš vienos kalbos į kitą yra bauginanti. Tačiau konvertuoti iš „JavaScript“ į „TypeScript“ yra stebėtinai paprasta.

„TypeScript“ kaip „JavaScript“ superrinkinys

„TypeScript“ laikomas „JavaScript“ superrinkiniu. Tai reiškia, kad „TypeScript“ prideda papildomų sintaksės ir funkcionalumo sluoksnių, nekeičiant ir nepanaikinant pagrindinių funkcijų, kurias jis sukuria.

Kūrėjams tai reiškia, kad bet koks kodas, kuris tinkamai veikia „JavaScript“, automatiškai veiks tinkamai „TypeScript“. Nesvarbu, ar aptariamas scenarijus yra žiniatinklio serveris, parašytas veikti naudojant NodeJS, ar tinklalapio priekinių scenarijų rinkinys, perjungti yra ypač paprasta.

Įdiegę „TypeScript“ transpilerį, galite sukurti paprastą tsconfig.json failas su tokiu turiniu:

{
"kompiliatoriaus parinktys": {
"outDir": "./build",
"leisti": tiesa,
"taikinys": "es5"
 },
"įtraukti": ["./src/**/*"]
}

Perkelkite visus taikomus failus į src katalogą ir paleiskite transpilerį. Tai sukurs gautus „JavaScript“ failus statyti katalogas.

Šie greiti ir paprasti pakeitimai pavers standartinį „JavaScript“ projektą į „TypeScript“. Čia galite laisvai naudotis naujomis „TypeScript“ siūlomomis funkcijomis. Galite komentuoti kintamųjų tipus, įdiegti pasirinktinius tipus ir apibrėžti sąsajas.

Po kiekvieno transliavimo galite naudoti išvestį iš statyti katalogą, jei reikia, įtraukdami failus į bet kurį projektą taip, kaip įprastai. Transpileris įves standartinį JavaScript ir konvertuos naujas funkcijas į galiojančius ES5 scenarijus.

Ką reikia žinoti norint pereiti iš JS į TS

Projekto konvertavimas iš „JavaScript“ į „TypeScript“ yra ypač paprastas. Konvertuoti yra taip paprasta, kaip išjungti katalogo struktūrą, pridėti konfigūracijos failą ir įdiegti transpilerį.

Tačiau visų naujosios kalbos pranašumų išnaudojimas gali būti daug ilgesnis projektas. Nors „TypeScript“ gali nustatyti kiekvieno projekto kintamojo tipą, jie turėtų būti aiškiai deklaruoti. Gali prireikti laiko, kai grįžtama prie projekto ir pridedami pasirinktiniai tipai, pridedami tinkami komentarai ir kuriamos sąsajos.

Tačiau pridėję šias funkcijas prie projekto galėsite pasinaudoti tinkama tipo tikrinimo ir išplėstų įrankių teikiama nauda. Pagrindinius projektus bus lengviau ir greičiau sukurti, klaidas nustatysite anksčiau, o naujiems kūrėjams bus lengviau skaityti jūsų kodą.