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á:
- Definici proměnné pomocí klíčového slova const nelze znovu přiřadit nebo nelze změnit její hodnotu.
- Proměnná const musí být inicializována v době deklarace názvem proměnné, např. const x=6;
- Po deklaraci nemůžete zadat hodnotu proměnné.
- Hodnotu proměnné const nelze změnit.
- 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.
- 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 .
- V JavaScriptu vám const umožňuje pouze upravit hodnotu pole, ale odkaz na pole nelze změnit.
- Proměnná const vytváří pouze odkaz na hodnotu.
- 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 ErrorOtestujte 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('Block2: x = ' + x); //23 { const x = 74; document.write( ' <br> Block3: x = ' + x); //74 } { const x = 49; document.write(' <br> Block4: x = ' + x); //49 } } document.write(' <br> Block1: x = ' + x); //16Otestujte 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 ErrorOtestujte 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 = [' Aparna', ' Manya', ' Amayra', ' Jahnavi']; //display the value of array document.write(nameArray.toString()); document.write('<br> <br>'); //change the value of array at index 2 nameArray [1] = ' Krishna'; // 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: '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' } */
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]