TechCodeview

ES6 introduceerde de const trefwoord, dat wordt gebruikt om een ​​nieuwe variabele in JavaScript te definiëren. Over het algemeen is de was trefwoord wordt gebruikt om een ​​JavaScript-variabele te declareren. Const is een ander trefwoord om een ​​variabele te declareren als u de waarde van die variabele niet voor het hele programma wilt wijzigen.

Het verschil is alleen dat var bedoeld is voor normale variabeledeclaratie waarvan de waarde kan worden gewijzigd, terwijl een variabelewaarde die is gedeclareerd met het trefwoord const niet kan worden gewijzigd.

Const variabele declaratie/initialisatie

Hieronder volgt de syntaxis of eenvoudige code voor de declaratie en initialisatie van const-variabelen.

Kopieer code

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

Uitvoer

Het zal de waarde van de const-variabele x zonder enige fout weergeven.

 The value of const variable x = 16 

Nu zullen we enkele eigenschappen bespreken van de variabelen die zijn gedefinieerd met behulp van const.

Eigenschappen

Hieronder volgen de eigenschappen van const variabele:

1. Variabelen definiëren met het trefwoord const kunnen niet opnieuw worden toegewezen, of de waarde ervan kan niet worden gewijzigd.
2. De const-variabele moet op het moment van declaratie worden geïnitialiseerd met de variabelenaam, bijvoorbeeld constante x=6;
3. U kunt de waarde van de variabele na declaratie niet opgeven.
4. De waarde van de const-variabele kan niet worden gewijzigd.
5. De const variabele heeft een blokbereik. Dit betekent dat een const-variabele binnen hetzelfde programma opnieuw kan worden toegewezen met dezelfde naam en verschillende waarden kan hebben in verschillende blokken.
6. Een const-variabele kan niet worden gehesen, wat betekent dat een variabele wordt gedeclareerd/geïnitialiseerd met behulp van was trefwoord kan niet opnieuw worden toegewezen met behulp van const .
7. In JavaScript kunt u met const alleen de waarde van de array wijzigen, maar de verwijzing naar de array kan niet worden gewijzigd.
8. De const-variabele creëert alleen een verwijzing naar de waarde.
9. Objecteigenschappen kunnen worden gewijzigd, maar de verwijzing naar een object kan niet worden gewijzigd.

Voorbeelden

Hier hebben we enkele voorbeelden voor de praktische uitleg van verschillende eigenschappen.

Voorbeeld 1: Met behulp van dit voorbeeld zult u zien dat de const-variabele kan niet opnieuw worden toegewezen .

Kopieer code

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

Uitvoer

Het genereert een typefout omdat het niet mogelijk is om de waarde opnieuw toe te wijzen aan een constante variabele.

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

Voorbeeld 2: In dit voorbeeld leert u dat de const variabele bevat blokbereik .

Kopieer code

 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 

Uitvoer

Er zal geen fout optreden bij het uitvoeren van de bovenstaande code. Het drukt gewoon de waarde van x van verschillende blokken af, zonder enige syntaxis of typefout.

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

Voorbeeld 3: Dit voorbeeld zal beschrijven dat de const variabele kan niet worden gehesen .

pete davidson-nationaliteit

Kopieer code

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

Uitvoer

Het genereert een syntax error omdat herdeclaratie van een variabele niet is toegestaan.

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

Voorbeeld 4: Dit voorbeeld laat zien dat de const-variabele kan na declaratie niet worden geïnitialiseerd .

Kopieer code

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

Uitvoer

Het genereert een syntax error omdat initialisatie niet is toegestaan ​​na de declaratie van de const-variabele.

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

Voorbeeld 5: In JavaScript Met const kunt u alleen de waarde van de array wijzigen, maar de verwijzing naar de array kan niet worden gewijzigd.

Kopieer code

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

Uitvoer

Hier ziet u de Volwassenen naam is vervangen door Krishna . Hoewel de array is gedeclareerd met behulp van const trefwoord. Het zal dus beide keren alle waarden van de array zonder fouten weergeven.

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

Voorbeeld 6: In dit voorbeeld laten we u zien dat de const-variabelewaarde niet kan worden gewijzigd of aangepast.

Kopieer code

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

Uitvoer

Hier kunt u zien dat u de objectwaarden met dezelfde naam niet opnieuw kunt initialiseren, maar dat de objectwaarden wel kunnen worden gewijzigd door hun verwijzing te gebruiken.

 [object object] [object object]