logo

Const JavaScript

ES6 introduziu o const palavra-chave, que é usada para definir uma nova variável em JavaScript. Geralmente, o era palavra-chave é usada para declarar uma variável JavaScript. Const. é outra palavra-chave para declarar uma variável quando você não deseja alterar o valor dessa variável para todo o programa.

A diferença é apenas que var é para declaração normal de variável cujo valor pode ser alterado, enquanto um valor de variável declarado usando a palavra-chave const não pode ser alterado.

Declaração/inicialização de variável Const

A seguir está a sintaxe ou código simples para declaração e inicialização da variável const.

Copiar código

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

Saída

Ele exibirá o valor da variável const x sem nenhum erro.

 The value of const variable x = 16 

Agora, discutiremos algumas propriedades das variáveis ​​definidas usando const.

Propriedades

A seguir estão as propriedades de const variável:

  1. A definição de variável usando a palavra-chave const não pode ser reatribuída ou seu valor não pode ser alterado.
  2. A variável const deve ser inicializada no momento da declaração com o nome da variável, por exemplo, constx=6;
  3. Você não pode fornecer o valor para a variável após a declaração.
  4. O valor da variável const não pode ser alterado.
  5. O const variável tem escopo de bloco. Isso significa que uma variável const dentro do mesmo programa pode ser reatribuída com o mesmo nome e ter valores diferentes em blocos diferentes.
  6. Uma variável const não pode ser elevada, o que significa que uma variável declarada/inicializada usando era a palavra-chave não pode ser reatribuída usando const .
  7. Em JavaScript, const permite modificar apenas o valor do array, mas a referência ao array não pode ser alterada.
  8. A variável const cria apenas referência ao valor.
  9. As propriedades do objeto podem ser alteradas, mas a referência a um objeto não pode ser alterada.

Exemplos

Aqui, temos alguns exemplos para explicação prática de diferentes propriedades.

Exemplo 1: Com a ajuda deste exemplo, você verá que o variável const não pode ser reatribuída .

Copiar código

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

Saída

Irá gerar um erro de tipo porque não é possível reatribuir o valor a uma variável constante.

árvore binária vs bst
 JavaScript error: Uncaught TypeError: Assignment to constant variable. on line 3 

Exemplo 2: Neste exemplo, você aprenderá que o variável const contém escopo do bloco .

Copiar código

 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 
Teste agora

Saída

Não haverá erro ao executar o código acima. Ele apenas imprimirá o valor de x de blocos diferentes sem qualquer erro de sintaxe ou tipo.

matriz em string
 Block2: x = 23 Block3: x = 74 Block4: x = 49 Block1: x = 16 

Exemplo 3: Este exemplo descreverá que o variável const não pode ser içada .

Copiar código

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

Saída

Irá gerar um erro de sintaxe porque a redeclaração de uma variável não é permitida.

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

Exemplo 4: Este exemplo mostrará que o variável const não pode ser inicializada após declaração .

Copiar código

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

Saída

Irá gerar um erro de sintaxe porque a inicialização não é permitida após a declaração da variável const.

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

Exemplo 5: Em JavaScript , const permite modificar apenas o valor do array, mas a referência ao array não pode ser alterada.

Copiar código

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

Saída

Aqui você pode ver o Adultos nome foi substituído por Krsna . Embora o array tenha sido declarado usando const palavra-chave. Assim, ele exibirá todos os valores do array sem nenhum erro nas duas vezes.

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

Exemplo 6: Neste exemplo, mostraremos que o valor da variável const não pode ser alterado ou modificado.

Copiar código

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

Saída

Aqui, você pode ver que não pode reinicializar os valores dos objetos com o mesmo nome, mas os valores dos objetos podem ser alterados usando sua referência.

 [object object] [object object]