JavaScript-ohjelman siirtäminen TypeScriptiin

JavaScript julkaistiin alun perin vuonna 1995 hämmästyttävän lyhyen kehitysjakson jälkeen, ja siitä on sittemmin tullut olennainen osa monia sivustoja ja sovelluksia. Nykyään JavaScript on löytänyt kodin sekä asiakas- että palvelinpuolen sovelluksissa. Kehittäjät vaativat edelleen runsaasti ominaisuuksia huolimatta kaikista vuosien aikana tapahtuneista muutoksista.

TypeScript on komentosarjakieli, joka laajentaa JavaScriptiä monilla näillä kauan odotetuilla ominaisuuksilla. Kirjoitusmerkinnät, mukautettu kirjoittaminen ja käyttöliittymät ovat kaikki tärkeimpiä komponentteja sekä parempia työkaluja tuottavuuden lisäämiseksi.

Miksi vaivautua vaihtamiseen?

Mahdollisuus vaihtaa kieliä suurissa projekteissa voi olla stressaavaa. Onneksi jokaiselle, joka harkitsee tehtävää, projektin siirtäminen JavaScriptistä TypeScriptiin on melko yksinkertainen.

JavaScript on käyttänyt viime vuodet saavuttamassa pitoa tärkeimpänä ohjelmointikielenä. Node.js: n julkaisu, jota käytettiin alun perin vain web-sivustojen etupään komentosarjoihin, toi JavaScript-palvelimen puolelle, mikä auttoi kasvattamaan sen suosiota.

Vaikka JavaScriptistä on tullut paljon suositumpi viime aikoina, on paljon ominaisuuksia, joita sen uusimmasta toteutuksesta, ES6:sta, vielä puuttuu. Monille kehittäjille nämä puuttuvat ominaisuudet rajoittavat JavaScriptin käyttökelpoisuutta kielenä.

TypeScript pyrkii korjaamaan nämä ongelmat käärimällä JavaScriptin lisäominaisuuksiin ja siirtämällä sitten käyttäjäkoodin. Tuloksena on tyyppiturvallinen kieli JavaScriptin helppoudella ja käytettävyydellä.

Siellä on jo useita työkaluja ja kehyksiä, joissa on täysi TypeScript-tuki. Angular on käyttänyt sitä pitkään ja jopa Reactilla on tapoja toteuttaa TypeScript.

TypeScript on kuin JavaScript Enhanced

TypeScript toteuttaa monia ominaisuuksia, joita kehittäjät usein pyytävät JavaScriptissä. TypeScript on nimetty sen toteuttaman täydellisen tyyppijärjestelmän mukaan, mukaan lukien ominaisuudet, kuten tyyppitarkistus, turvallisuus ja implisiittinen kirjoittaminen. TypeScript jopa mahdollistaa sen määrittää ja käyttää mukautettuja nimiavaruuksia.

TypeScript sisältää myös rajapintoja, luetteloita ja tyyppipäätelmiä. TypeScript tukee uusimman JavaScript-toteutuksen ominaisuuksia vanhojen ominaisuuksien ohella ja lisää joukon uusia ominaisuuksia.

Kaiken kaikkiaan TypeScript keskittyy luomaan turvallisempaa kehitysprosessia vahvemmilla työkaluilla koodaajien auttamiseksi.

Se kannustaa tyyppiturvallista koodia

TypeScript käyttää sisäänrakennettua tyypintarkistusjärjestelmää muuttujatyyppien vahvistamiseen. Se sisältää joukon vakiotyyppejä, joissa on mahdollisuus määrittää omat luokat ja tyypit. Tyypit voidaan ilmoittaa eksplisiittisesti tai päätellä toimeksiannon perusteella.

TypeScriptillä on useita vakiotietotyyppejä, mukaan lukien merkkijonot, numerot, loogiset arvot ja monikot. On myös muuttujatyyppejä, kuten tuntematon ja mikä tahansa, joiden avulla voit käyttää heikosti kirjoitettua koodia.

TypeScriptin tyyppipäätelmän avulla voit suorittaa tyyppitarkistuksia jopa tavalliselle JavaScript-koodille suorittamalla se TypeScriptin transpilerin kautta.

Transpilaatio tekee käytöstä helppoa

Kehittäjän näkökulmasta yksi TypeScriptin parhaista ominaisuuksista on, että se tulostaa vanilja JavaScriptiä. Voit ajaa TypeScript-koodia prosessilla, joka tunnetaan nimellä transpilaatio, joka on samanlainen kuin kääntäminen.

Suoritettavan tiedoston sijaan transpiloinnin tulos on skripti jollakin muulla kuin koodin alkuperäisellä kielellä.

TypeScript-koodi siirtyy JavaScriptiksi, jonka voit sitten suorittaa palvelimella tai työasemalla. Tämän avulla voit kirjoittaa nopeasti ja helposti koodia, jota voit käyttää lähes millä tahansa alustalla.

TypeScript auttaa kehittäjien tuottavuutta

Tyyppien lisääminen JavaScriptiin ei vain mahdollista koodin suorittamista turvallisesti, vaan se tarjoaa kehittäjille myös työkaluja, jotka helpottavat koodausta. Useimmat nykyaikaiset IDE: t tarjoavat TypeScript-tuen, jonka avulla koodin täydennystyökalut, kuten IntelliSense, voivat tarjota lisäkontekstia koodille. Se voi myös tarjota tyyppitarkistusta kirjoittaessasi, mikä auttaa sinua havaitsemaan virheet nopeammin.

Lisäksi TypeScriptin ylimääräiset tietorakenteet ja syntaksi on suunniteltu parantamaan koodin luettavuutta. Näiden ominaisuuksien avulla on nopeampaa ja helpompaa luoda korkealaatuista koodia ja havaita mahdolliset ongelmat ennen kuin niistä tulee ongelmia.

Kuinka voit siirtää koodisi?

Jos olet aloittamassa aivan uutta projektia, uuden TypeScript-projektin luominen on melko yksinkertainen. Aiemmin olemassa olevan projektin muuntaminen TypeScriptiksi on kuitenkin hieman enemmän mukana.

Useimmissa normaaleissa olosuhteissa mahdollisuus muuntaa projekti kielestä toiselle on pelottava. Muuntaminen JavaScriptistä TypeScriptiksi on kuitenkin yllättävän yksinkertaista.

TypeScript JavaScriptin pääjoukona

TypeScriptiä pidetään JavaScriptin superjoukkona. Tämä tarkoittaa, että TypeScript lisää syntaksia ja toimintoja muuttamatta tai poistamatta sen ympärille rakennettua ydintoimintoa.

Kehittäjille tämä tarkoittaa, että mikä tahansa koodi, joka toimii oikein JavaScriptissä, toimii automaattisesti oikein TypeScriptissä. Onko kyseessä Web-palvelin, joka on kirjoitettu toimimaan NodeJS: ssä, tai joukko käyttöliittymän komentosarjoja verkkosivulle, vaihtaminen on poikkeuksellisen helppoa.

TypeScript-transpilerin asentamisen jälkeen voit luoda yksinkertaisen tsconfig.json seuraavan sisällön sisältävä tiedosto:

{
"kääntäjäasetukset": {
"outDir": "./rakentaa",
"allowJs": totta,
"kohde": "es5"
 },
"sisältää": ["./src/**/*"]
}

Siirrä kaikki soveltuvat tiedostot src-hakemistoon ja suorita transpileri. Tämä luo tuloksena olevat JavaScript-tiedostot rakentaa hakemistosta.

Nämä nopeat ja yksinkertaiset muutokset muuntavat tavallisen JavaScript-projektin TypeScript-projektiksi. Täältä voit vapaasti käyttää TypeScriptin tarjoamia uusia ominaisuuksia. Voit merkitä muuttujien tyyppejä, toteuttaa mukautettuja tyyppejä ja määrittää rajapintoja.

Jokaisen transpilaation jälkeen voit käyttää tulostetta rakentaa hakemistoon tarvittaessa lisäämällä tiedostot mihin tahansa projektiin aivan kuten tavallisesti. Transpilleri kirjoittaa check-standardin JavaScriptin ja muuntaa uudet ominaisuudet kelvollisiksi ES5-skripteiksi.

Mitä sinun tulee tietää siirtyäksesi JS: stä TS: ään

Projektin muuntaminen JavaScriptistä TypeScriptiksi on poikkeuksellisen helppoa. Muuntaminen on yhtä helppoa kuin hakemistorakenteen vaihtaminen pois, asetustiedoston lisääminen ja transpilerin asentaminen.

Uuden kielen kaikkien etujen hyödyntäminen voi kuitenkin olla paljon pidempi projekti. Vaikka TypeScript voi päätellä projektin jokaisen muuttujan tyypin, ne on ilmoitettava erikseen. Mukautettujen tyyppien palaaminen ja lisääminen projektiin, asianmukaisten huomautusten lisääminen ja käyttöliittymien luominen voi olla aikaa vievää.

Näiden ominaisuuksien lisääminen projektiin antaa sinulle kuitenkin mahdollisuuden hyötyä asianmukaisen tyyppitarkistuksen ja laajennetun työkalun tuomista eduista. Suuret projektit ovat nopeampia ja helpompia rakentaa, tunnistat virheet aikaisemmin ja uusien kehittäjien on helpompi lukea koodiasi.