ES6 esitteli konst avainsana, jota käytetään uuden muuttujan määrittämiseen JavaScriptissä. Yleensä, oli avainsanaa käytetään JavaScript-muuttujan ilmoittamiseen. Const on toinen avainsana muuttujan ilmoittamiseen, kun et halua muuttaa kyseisen muuttujan arvoa koko ohjelmalle.

Erona on vain se, että var on normaalille muuttujalle, jonka arvoa voidaan muuttaa, kun taas const-avainsanalla ilmoitettua muuttujan arvoa ei voi muuttaa.

Const-muuttujan ilmoitus/alustaminen

Seuraavassa on syntaksi tai yksinkertainen koodi const-muuttujan määrittämistä ja alustusta varten.

Kopioi koodi

 const x = 16; document.write('The value of const variable x = ' + x); 

Lähtö

Se näyttää const-muuttujan x arvon ilman virhettä.

 The value of const variable x = 16 

Nyt käsittelemme joitain muuttujien ominaisuuksia, jotka on määritetty käyttämällä const.

Ominaisuudet

Seuraavassa on ominaisuudet konst muuttuja:

1. Muuttujaa define käyttämällä const-avainsanaa ei voi määrittää uudelleen tai sen arvoa ei voi muuttaa.
2. Const-muuttuja on alustettava ilmoitushetkellä muuttujan nimellä, esim. const x=6;
3. Et voi antaa muuttujalle arvoa määrityksen jälkeen.
4. Const-muuttujan arvoa ei voi muuttaa.
5. The konst muuttujalla on lohkoalue. Tämä tarkoittaa, että samassa ohjelmassa oleva const-muuttuja voidaan määrittää uudelleen samalla nimellä ja niillä on eri arvot eri lohkoissa.
6. Const-muuttujaa ei voi nostaa, mikä tarkoittaa, että muuttuja on ilmoitettu/alustettu käyttämällä oli avainsanaa ei voi määrittää uudelleen käyttämällä konst .
7. JavaScriptissä const sallii vain muokata taulukon arvoa, mutta viittausta taulukkoon ei voi muuttaa.
8. Const-muuttuja luo vain viittauksen arvoon.
9. Objektin ominaisuuksia voidaan muuttaa, mutta viittausta objektiin ei voi muuttaa.

Esimerkkejä

Tässä on esimerkkejä erilaisista ominaisuuksista käytännössä.

Esimerkki 1: Tämän esimerkin avulla näet, että const-muuttujaa ei voi määrittää uudelleen .

Kopioi koodi

 const x = 16; x = 23; //Type Error 

Lähtö

Se tuottaa a tyyppivirhe koska ei ole mahdollista määrittää arvoa uudelleen vakiomuuttujalle.

 JavaScript error: Uncaught TypeError: Assignment to constant variable. on line 3 

Esimerkki 2: Tässä esimerkissä opit, että const-muuttuja sisältää lohkon laajuuden .

Kopioi koodi

 const x = 16; { const x = 23; document.write(&apos;Block2: x = &apos; + x); //23 { const x = 74; document.write( &apos; <br> Block3: x = &apos; + x); //74 } { const x = 49; document.write(&apos; <br> Block4: x = &apos; + x); //49 } } document.write(&apos; <br> Block1: x = &apos; + x); //16 

Lähtö

mikä on monitorini koko

Yllä olevan koodin suorittaminen ei aiheuta virhettä. Se vain tulostaa eri lohkojen x:n arvon ilman syntaksi- tai tyyppivirheitä.

 Block2: x = 23 Block3: x = 74 Block4: x = 49 Block1: x = 16 

Esimerkki 3: Tämä esimerkki kuvaa, että const-muuttujaa ei voi nostaa .

Kopioi koodi

 x = 16; document.write(x); const x; //Syntax Error 

Lähtö

Se tuottaa a syntaksivirhe koska muuttujan uudelleenilmoittaminen ei ole sallittua.

 JavaScript error: Uncaught SyntaxError: Missing initializer in const declaration on line 4 

Esimerkki 4: Tämä esimerkki näyttää sinulle, että const-muuttujaa ei voi alustaa ilmoituksen jälkeen .

Kopioi koodi

 const x; x = 18; //Syntax Error document.write(x); 

Lähtö

Se tuottaa a syntaksivirhe koska alustus ei ole sallittu const-muuttujan ilmoittamisen jälkeen.

 JavaScript error: Uncaught SyntaxError: Missing initializer in const declaration on line 2 

Esimerkki 5: Sisään JavaScript , const mahdollistaa vain taulukon arvon muokkaamisen, mutta viittausta taulukkoon ei voi muuttaa.

muotoinen merkkijono java

Kopioi koodi

 // initilize an const array const nameArray = [&apos; Aparna&apos;, &apos; Manya&apos;, &apos; Amayra&apos;, &apos; Jahnavi&apos;]; //display the value of array document.write(nameArray.toString()); document.write(&apos;<br> <br>&apos;); //change the value of array at index 2 nameArray [1] = &apos; Krishna&apos;; // possible //Again, display the array with new values document.write(nameArray.toString()); 

Lähtö

Täällä voit nähdä Aikuiset nimi on korvattu Krishna . Vaikka matriisi oli ilmoitettu käyttämällä konst avainsana. Joten se näyttää kaikki taulukon arvot ilman virheitä molemmilla kerroilla.

 Aparna, Manya, Amayra, Jahanvi Aparna, Krishna, Amayra, Jahanvi 

Esimerkki 6: Tässä esimerkissä näytämme, että const-muuttujan arvoa ei voi muuttaa tai muokata.

Kopioi koodi

 //declare and initialize an array of const const employee = { fname: 'Annie', lname: 'Roy', age: 22, profession: 'Web Developer' }; document.write(employee); // This can be done with const array employee.fname = 'Emmy'; employee.lname = 'Jackson'; employee.Age = 24; employee.profession = 'QA Analyst'; document.write(employee); // This cannot be possible with const array /* const employee = { 'fname': 'Emmy', 'lname': 'Jackson', 'age': 24, 'profession': 'QA Analyst' } */ 

Lähtö

Tässä näet, että objektiarvoja ei voi alustaa uudelleen samalla nimellä, mutta objektiarvoja voidaan muuttaa käyttämällä niiden viittausta.

 [object object] [object object]