JavaScript-variabelen en constanten

In deze zelfstudie leert u over JavaScript-variabelen en constanten, en ook hoe u deze kunt initialiseren en gebruiken met behulp van voorbeelden.

JavaScript-variabelen

Bij het programmeren is een variabele een container (opslagruimte) om gegevens in op te slaan. Bijvoorbeeld,

let num = 5;

Hier numis de variabele met het nummer 5.

JavaScript declareren variabelen

In JavaScript gebruiken we varen lettrefwoorden om variabelen te declareren. Bijvoorbeeld,

 var x; let y;

Hier zijn x en y variabelen.

JavaScript var Vs let

Beide varen letworden gebruikt om variabelen te declareren. Er zijn echter enkele verschillen tussen beide.

var laat
var wordt gebruikt in de oudere versies van JavaScript letis de nieuwe manier om variabelen te declareren vanaf ES6 (ES2015) .
var is functiebereik (zal in latere tutorials worden besproken). let is blokbereik (wordt in latere tutorials besproken).
Bijvoorbeeld, var x; Bijvoorbeeld, let y;

Opmerking: het wordt aanbevolen om te gebruiken in letplaats van var. Er zijn echter een paar browsers die geen ondersteuning bieden voor let. Bezoek JavaScript voor browserondersteuning voor meer informatie.

JavaScript Initialiseer variabelen

We gebruiken de toewijzingsoperator =om een ​​waarde aan een variabele toe te wijzen.

 let x; x = 5;

Hier wordt 5 toegewezen aan variabele x.

U kunt variabelen ook initialiseren tijdens de declaratie.

 let x = 5; let y = 6;

In JavaScript is het mogelijk om variabelen in een enkele instructie te declareren.

 let x = 5, y = 6, z = 7;

Als u een variabele gebruikt zonder deze te initialiseren, heeft deze een undefinedwaarde.

 let x; // x is the name of the variable console.log(x); // undefined

Hier is x de naam van de variabele en aangezien deze geen waarde bevat, is deze niet gedefinieerd.

In undefinedde volgende tutorial leert u in detail over en andere gegevenstypen.

Verander de waarde van variabelen

Het is mogelijk om de waarde die is opgeslagen in de variabele te wijzigen. Bijvoorbeeld,

 // 5 is assigned to variable x let x = 5; console.log(x); // 5 // vaue of variable x is changed x = 3; console.log(x); // 3

De waarde van een variabele kan variëren . Vandaar de naamvariabele .

Regels voor het benoemen van JavaScript-variabelen

De regels voor het benoemen van variabelen zijn:

  1. Variabelenamen moeten beginnen met een letter, een onderstrepingsteken _of het dollarteken $. Bijvoorbeeld, 
     //valid let a = 'hello'; let _a = 'hello'; let $a = 'hello';
  2. Variabelenamen mogen niet met cijfers beginnen. Bijvoorbeeld, 
     //invalid Let 1a = 'hello'; // this gives an error
  3. JavaScript is hoofdlettergevoelig. Dus y en Y zijn verschillende variabelen. Bijvoorbeeld, 
     let y = "hi"; let Y = 5; console.log(y); // hi console.log(Y); // 5
  4. Trefwoorden kunnen niet worden gebruikt als variabelenamen. Bijvoorbeeld, 
     //invalid let new = 5; // Error! new is a keyword.

Opmerkingen:

  • Hoewel u variabelen op elke gewenste manier een naam kunt geven, is het een goede gewoonte om een ​​beschrijvende variabelenaam te geven. Als u een variabele gebruikt om het aantal appels op te slaan, is het beter om appels of numberOfApples te gebruiken in plaats van x of n.
  • In JavaScript worden de variabelenamen over het algemeen in camelCase geschreven als het meerdere woorden heeft. Bijvoorbeeld voornaam, jaarsalaris, etc.

JavaScript-constanten

Het constsleutelwoord is ook geïntroduceerd in de ES6 (ES2015) -versie om constanten te creëren. Bijvoorbeeld,

 const x = 5;

Als een constante eenmaal is geïnitialiseerd, kunnen we de waarde ervan niet wijzigen.

 const x = 5; x = 10; // Error! constant cannot be changed. console.log(x)

Simpel gezegd, een constante is een type variabele waarvan de waarde niet kan worden gewijzigd.

U kunt ook geen constante declareren zonder deze te initialiseren. Bijvoorbeeld,

 const x; // Error! Missing initializer in const declaration. x = 5; console.log(x)

Opmerking: als u zeker weet dat de waarde van een variabele niet door het programma heen verandert, wordt aanbevolen om const. Er zijn echter een paar browsers die geen ondersteuning bieden voor const. Bezoek JavaScript const browser-ondersteuning voor meer informatie.

Nu u variabelen kent, leert u in de volgende zelfstudie over verschillende soorten gegevens die een variabele kan opslaan.

Interessante artikelen...