logo

JavaScript Const

ES6 introducerade konst nyckelord, som används för att definiera en ny variabel i JavaScript. I allmänhet var nyckelord används för att deklarera en JavaScript-variabel. Const är ett annat nyckelord för att deklarera en variabel när du inte vill ändra värdet på den variabeln för hela programmet.

Skillnaden är bara att var är för normal variabeldeklaration vars värde kan ändras, medan ett variabelvärde som deklareras med hjälp av const nyckelord inte kan ändras.

Konst variabel deklaration/initiering

Följande är syntaxen eller den enkla koden för const variabeldeklaration och initiering.

Kopiera kod

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

Produktion

vad är 10 av 100

Den kommer att visa värdet på const variabeln x utan några fel.

 The value of const variable x = 16 

Nu kommer vi att diskutera några egenskaper hos variablerna som definieras med hjälp av const.

Egenskaper

Följande är egenskaperna hos konst variabel:

  1. Variabeldefiniering med hjälp av nyckelordet const kan inte tilldelas om, eller så kan dess värde inte ändras.
  2. Const-variabeln måste initieras vid tidpunkten för deklarationen med variabelnamnet, t.ex. konst x=6;
  3. Du kan inte ange värdet till variabeln efter deklaration.
  4. Värdet på variabeln const kan inte ändras.
  5. De konst variabel har blockomfattning. Detta innebär att en const-variabel inom samma program kan omtilldelas med samma namn och ha olika värden i olika block.
  6. En const-variabel kan inte hissas, vilket innebär att en variabel deklareras/initieras med hjälp av var nyckelord kan inte tilldelas om med konst .
  7. I JavaScript tillåter const dig att endast ändra värdet på arrayen, men referensen till arrayen kan inte ändras.
  8. Variabeln const skapar endast referens till värdet.
  9. Objektegenskaper kan ändras men referensen till ett objekt kan inte ändras.

Exempel

Här har vi några exempel för olika egenskaper förklaring praktiskt.

Exempel 1: Med hjälp av detta exempel kommer du att se att const variabel kan inte tilldelas om .

Kopiera kod

 const x = 16; x = 23; //Type Error 
Testa det nu

Produktion

Det kommer att generera en skrivfel eftersom det inte är möjligt att omfördela värdet till en konstant variabel.

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

Exempel 2: I det här exemplet kommer du att lära dig att const variabel innehåller Block scope .

Kopiera kod

 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 
Testa det nu

Produktion

Det kommer inte att uppstå något fel genom att exekvera ovanstående kod. Det kommer bara att skriva ut värdet på x av olika block utan något syntax- eller typfel.

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

Exempel 3: Detta exempel kommer att beskriva att const variabel kan inte hissas .

Kopiera kod

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

Produktion

Det kommer att generera en syntaxfel eftersom omdeklaration av en variabel inte är tillåten.

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

Exempel 4: Detta exempel visar dig att const variabel kan inte initieras efter deklaration .

Kopiera kod

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

Produktion

Det kommer att generera en syntaxfel eftersom initiering inte är tillåten efter deklarationen av const variabel.

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

Exempel 5: I JavaScript , tillåter const dig att endast ändra värdet på arrayen, men referensen till arrayen kan inte ändras.

Kopiera kod

 // 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()); 

Produktion

Här kan du se Vuxna namn har ersatts av Krishna . Även om arrayen förklarades använda konst nyckelord. Så det kommer att visa alla värden i arrayen utan några fel båda gångerna.

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

Exempel 6: I det här exemplet kommer vi att visa dig att variabelvärdet const inte kan ändras eller modifieras.

Kopiera kod

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

Produktion

Här kan du se att du inte kan återinitiera objektvärdena med samma namn, men objektvärdena kan ändras genom att använda deras referens.

 [object object] [object object]