logo

JavaScript Const

ES6 va presentar el const paraula clau, que s'utilitza per definir una variable nova a JavaScript. Generalment, el era La paraula clau s'utilitza per declarar una variable JavaScript. Const és una altra paraula clau per declarar una variable quan no es vol canviar el valor d'aquesta variable per a tot el programa.

La diferència és només que var és per a la declaració de variables normals el valor de la qual es pot canviar, mentre que un valor de variable declarat amb la paraula clau const no es pot canviar.

Declaració/inicialització de variable const

A continuació es mostra la sintaxi o codi simple per a la declaració i inicialització de variables const.

Copia el codi

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

Sortida

Mostrarà el valor de la variable const x sense cap error.

 The value of const variable x = 16 

Ara, discutirem algunes propietats de les variables definides mitjançant const.

Propietats

A continuació es mostren les propietats de const variable:

què és desktop ini
  1. La variable define using const keyword no es pot reassignar o no es pot canviar el seu valor.
  2. La variable const s'ha d'inicialitzar en el moment de la declaració amb el nom de la variable, per exemple, const x=6;
  3. No podeu proporcionar el valor a la variable després de la declaració.
  4. El valor de la variable const no es pot canviar.
  5. El const La variable té un abast de bloc. Això vol dir que una variable const dins del mateix programa es pot reassignar amb el mateix nom i tenir valors diferents en diferents blocs.
  6. No es pot elevar una variable const, la qual cosa significa que una variable declarada/inicialitzada utilitzant era la paraula clau no es pot reassignar utilitzant const .
  7. A JavaScript, const només us permet modificar el valor de la matriu, però la referència a la matriu no es pot canviar.
  8. La variable const només crea una referència al valor.
  9. Les propietats de l'objecte es poden canviar, però la referència a un objecte no es pot canviar.

Exemples

Aquí, tenim alguns exemples per a l'explicació de diferents propietats a la pràctica.

Exemple 1: Amb l'ajuda d'aquest exemple, veureu que el La variable const no es pot reassignar .

Copia el codi

 const x = 16; x = 23; //Type Error 
Prova-ho ara

Sortida

Generarà a error de tipus perquè no és possible reassignar el valor a una variable constant.

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

Exemple 2: En aquest exemple, aprendràs que el La variable const conté l'àmbit del bloc .

Copia el codi

 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 
Prova-ho ara

Sortida

No hi haurà cap error executant el codi anterior. Només imprimirà el valor de x de diferents blocs sense cap error de sintaxi o tipus.

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

Exemple 3: Aquest exemple descriu que el La variable const no es pot elevar .

què és el nombre de l'alfabet

Copia el codi

 x = 16; document.write(x); const x; //Syntax Error 
Prova-ho ara

Sortida

Generarà a error de sintaxi perquè no es permet tornar a declarar una variable.

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

Exemple 4: Aquest exemple us mostrarà que el La variable const no es pot inicialitzar després de la declaració .

Copia el codi

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

Sortida

Generarà a error de sintaxi perquè la inicialització no es permet després de la declaració de la variable const.

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

Exemple 5: En JavaScript , const només us permet modificar el valor de la matriu, però la referència a la matriu no es pot canviar.

Copia el codi

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

Sortida

Aquí, podeu veure el Adults nom ha estat substituït per Krishna . Tot i que la matriu es va declarar utilitzant const paraula clau. Per tant, mostrarà tots els valors de la matriu sense cap error les dues vegades.

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

Exemple 6: En aquest exemple, us mostrarem que el valor de la variable const no es pot canviar ni modificar.

Copia el codi

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

Sortida

Aquí, podeu veure que no podeu reiniciar els valors d'objecte amb el mateix nom, però els valors de l'objecte es poden canviar utilitzant la seva referència.

 [object object] [object object]