Typescript käyttää 'const'-avainsanaa ja 'readonly'-aputyyppiä tietotyypeinä muuttujien tai ominaisuuksien alustamiseen. Nimensä ja toimintojensa mukaan nämä molemmat tietotyypit eroavat toisistaan melkoisesti, mutta joskus käyttäjä hämmentyy, kun niitä käytetään samassa lähdekoodissa. Tämä opas selittää eron TypeScript-avainsanan 'const' ja 'vain luku'-apuohjelman välillä.
Katso ensin 'const'- ja 'readonly'-aputyyppien perusasiat.
Mikä on TypeScript 'const' -avainsana?
' konst ” avainsana määrittää, että annettu muuttuja on vakio, mikä tarkoittaa, että sen arvoa ei voi muuttaa, kun se on määritetty. Se käsittelee määritettyä muuttujaa vakiona käännöshetkellä.
Katsotaan se käytännössä annetun koodin avulla.
Koodi
Kopioi koodirivit TypeScript-projektin .ts-tiedostoon:
const a = 100 ;a = viisikymmentä ;
console.log ( a ) ;
Yllä mainituilla koodiriveillä:
-
- ' konst 'avainsana alustaa' a ” vakiomuuttujana.
- Seuraavaksi muuttujan 'a' vakioarvoa muutetaan.
- Lopuksi ' Hirsi() ' -menetelmä näyttää 'a' muuttujan arvon.
Voidaan nähdä, että editori tuottaa virheen myös muuttaessaan vakiomuuttujan 'a' arvoa sen alustuksen jälkeen.
Lähtö
tsc main.ts // Kääntää .ts-tiedostoanode main.js // Suorita .js-tiedosto
Havaitaan, että kääntämisen aikana syntyy virhe, joka määrittää 'a'-muuttujan arvoa ei voida muuttaa, koska se on vakio.
Mikä on Typescript Readonly Utility Type?
Siirry nyt TypeScript 'const' -avainsanan ja 'vain luku' -apuohjelman väliseen eroon.
Selitä TypeScript 'const' vs 'readonly' -apuohjelman tyyppi
Tärkeimmät erot TypeScript 'const' -avainsanan ja 'vain luku' -apuohjelman välillä on esitetty tässä:
-
- Työskentely: Avainsana 'const' osoittaa, että 'muuttujan' arvoa ei voi muuttaa alustuksen jälkeen, kun taas 'readonly' -apuohjelman tyyppi määrittää, että 'ominaisuus/muuttuja' -arvoa ei voi muuttaa sen jälkeen, kun se on asetettu.
- Käyttö: Const-avainsanaa käytetään vain muuttujiin, jotta ne muuttuvat vakioiksi. Toisaalta 'vain luku' -aputyyppiä käytetään 'ominaisuuksille ja muuttujille', jotka ovat käyttöliittymän tai objektin osia.
- Muutos: 'const'-muuttujia ei voi muokata ollenkaan, kun taas 'readonly'-ominaisuuksia voidaan muokata ajon aikana JavaScript-menetelmien avulla.
Johtopäätös
TypeScriptissä ' konst ' avainsana ja ' Lue ainoastaan ” apuohjelmatyypit eroavat toisistaan ” työskentelee ”, “ käyttö ', ja ' muutos ”tekijät. Suurin ero niiden välillä on, että 'const' vain tekee muuttujan vakioksi, kun taas 'readonly' tekee sekä muuttujista että ominaisuuksista vakioita. Tämä opas selitti perusteellisesti TypeScriptin 'const' vs. 'vain luku' -aputyypin.