logo

JavaScript Const

ES6 představil konst klíčové slovo, které se používá k definování nové proměnné v JavaScriptu. Obecně platí, že byl klíčové slovo se používá k deklaraci proměnné JavaScriptu. Const je další klíčové slovo pro deklaraci proměnné, když nechcete měnit hodnotu této proměnné pro celý program.

Rozdíl je pouze v tom, že var je pro normální deklaraci proměnné, jejíž hodnotu lze změnit, zatímco hodnotu proměnné deklarovanou pomocí klíčového slova const změnit nelze.

Deklarace/inicializace konstantní proměnné

Následuje syntaxe nebo jednoduchý kód pro deklaraci a inicializaci konstantní proměnné.

Kopírovat kód

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

Výstup

Zobrazí hodnotu konstantní proměnné x bez chyby.

 The value of const variable x = 16 

Nyní probereme některé vlastnosti proměnných definovaných pomocí const.

Vlastnosti

Následují vlastnosti konst proměnná:

  1. Definici proměnné pomocí klíčového slova const nelze znovu přiřadit nebo nelze změnit její hodnotu.
  2. Proměnná const musí být inicializována v době deklarace názvem proměnné, např. const x=6;
  3. Po deklaraci nemůžete zadat hodnotu proměnné.
  4. Hodnotu proměnné const nelze změnit.
  5. The konst proměnná má blokový rozsah. To znamená, že proměnná const ve stejném programu může být znovu přiřazena pod stejným názvem a mít různé hodnoty v různých blocích.
  6. Proměnnou const nelze zvednout, což znamená, že proměnná je deklarována/inicializována pomocí byl klíčové slovo nelze znovu přiřadit pomocí konst .
  7. V JavaScriptu vám const umožňuje pouze upravit hodnotu pole, ale odkaz na pole nelze změnit.
  8. Proměnná const vytváří pouze odkaz na hodnotu.
  9. Vlastnosti objektu lze změnit, ale odkaz na objekt nelze změnit.

Příklady

Zde máme několik příkladů pro praktické vysvětlení různých vlastností.

Příklad 1: S pomocí tohoto příkladu uvidíte, že proměnnou const nelze znovu přiřadit .

Kopírovat kód

 const x = 16; x = 23; //Type Error 
Otestujte to hned

Výstup

Vygeneruje a chyba typu protože není možné znovu přiřadit hodnotu konstantní proměnné.

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

Příklad 2: V tomto příkladu se dozvíte, že proměnná const obsahuje rozsah bloku .

Kopírovat kód

 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 
Otestujte to hned

Výstup

Spuštěním výše uvedeného kódu nedojde k žádné chybě. Vypíše pouze hodnotu x různých bloků bez jakékoli syntaxe nebo chyby typu.

chromový adresní řádek
 Block2: x = 23 Block3: x = 74 Block4: x = 49 Block1: x = 16 

Příklad 3: Tento příklad popíše, že proměnnou const nelze zvednout .

Kopírovat kód

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

Výstup

Vygeneruje a chyba syntaxe protože opětovná deklarace proměnné není povolena.

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

Příklad 4: Tento příklad vám ukáže, že proměnnou const nelze po deklaraci inicializovat .

Kopírovat kód

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

Výstup

Vygeneruje a chyba syntaxe protože inicializace není povolena po deklaraci proměnné const.

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

Příklad 5: v JavaScript , const umožňuje pouze upravit hodnotu pole, ale odkaz na pole nelze změnit.

Kopírovat kód

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

Výstup

Zde můžete vidět Dospělí jméno bylo nahrazeno Krišna . Přestože bylo pole deklarováno pomocí konst klíčové slovo. V obou případech tedy zobrazí všechny hodnoty pole bez jakékoli chyby.

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

Příklad 6: V tomto příkladu vám ukážeme, že hodnotu proměnné const nelze změnit ani upravit.

Kopírovat kód

 //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; } */ 

Výstup

Zde můžete vidět, že nelze znovu inicializovat hodnoty objektů se stejným názvem, ale hodnoty objektů lze změnit pomocí jejich odkazu.

 [object object] [object object]