Variabelen in JavaScript - Variabelen in JavaScript begrijpen

Inhoudsopgave:

Anonim

Inleiding tot variabelen in JavaScript

Voordat we met de JavaScript-variabele beginnen, moeten we weten wat de term eigenlijk betekent. In het algemeen betekent variabele iets dat voortdurend verandert. In programmeertermen is de variabele niets anders dan de verwijzing naar het geheugen waarin we wat waarde hebben opgeslagen. We hebben momenteel drie verschillende manieren om de variabele te declareren. Elk heeft zijn eigen belang om te gebruiken. Die zijn als volgt:

  1. var
  2. laat
  3. const

Alle bovenstaande drie zijn trefwoorden in JavaScript. Over het algemeen moeten we een variabele declareren met het trefwoord var. Later in ES2015 (EcmaScript 2015) heeft het twee nieuwe sleutelwoorden geïntroduceerd voor het declareren van variabelen, namelijk let en const. Beide zijn block-scoped. Maar voor nu gaan we ons concentreren op var.

Syntaxis voor variabelen in JavaScript

De javascript-variabele wordt meegeleverd. JavaSript heeft twee scopes lokale scope en globale scope. Later in ES2015 introduceerden we met block scope.

Laten we ons concentreren op een wereldwijde scope en een lokale scope. Elke variabele die boven aan de code wordt aangegeven, is voor iedereen niets dan globaal. Iedereen heeft er toegang toe. Aan de andere kant is de variabele die binnen elke functie wordt gedeclareerd, lokaal voor die functie en is deze niet toegankelijk van buiten dat bereik.

Voorbeeld 1

Code:

var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();

Output:

In het bovenstaande voorbeeld is de variabele kleur een globale variabele en is het variabelemodel een lokale variabele. Het variabele model is lokaal qua functionele reikwijdte. En het is niet toegankelijk van buitenaf. Als we dit proberen, krijgen we een foutmelding. Laten we het bekijken.

Voorbeeld 2

Code:

var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();
console.log(model);

Output:

Syntaxis voor respectieve verklaring

De volgende syntaxis zijn voor de respectieve aangifte:

  • Voor var: var variable_name;
  • Voor let: let variable_name;
  • Voor const: const variable_name;

Regels voor Javascript-variabelen

Hieronder is de regel voor de JavaScript-variabele:

  1. De naam van de Javascript-variabele moet beginnen met de letter. Bereik is az en AZ.
  2. Het kan beginnen met $ en _.
  3. Javascript-variabelen mogen niet met een cijfer beginnen.
  4. We kunnen cijfers tussen de naam gebruiken. ex: huis1
  5. JavaScript is hoofdlettergevoelig Dus variabel aangegeven als prijs en Prijs zijn verschillend.
  6. JavaScript-variabelenamen mogen niet de naam of trefwoorden hebben. Ex: variabele const; dit is niet toegestaan ​​omdat const een trefwoord is.

Hoe werken variabelen in JavaScript?

JavaScript-variabelen zijn gebaseerd op scopes. Laten we eerst begrijpen wat scope is in JavaScript. JavaScript werkt op zijn lexicale omgeving. Sommige mensen vinden het lastig, maar het is eenvoudig:

  • Laten we beginnen met de verklaring van de variabele. Variabele declareren is niets anders dan gewoon de naam van de variabele schrijven. In JavaScript volgen we de regel om var te schrijven en na het schrijven van de variabelenaam. De puntkomma (;) is optioneel in javascript. Maar het is handig als je geeft en het wordt aanbevolen om dit te doen. Het geven van puntkomma geeft het idee dat waar de instructie is afgelopen.

Code:

var price;

  • In het bovenstaande voorbeeld is het trefwoord var en is de naam van de variabele prijs een identificatie. Als u operators in JavaScript hebt bestudeerd, weet u dat we hier opdrachtoperator (=) hebben gebruikt. Elke naam die we aan de variabele geven, wordt in JavaScript een ID genoemd.
  • Elke waarde aan de rechterkant van de toewijzing wordt opgeslagen in een variabele die aan de linkerkant is.
  • Het wordt aanbevolen om kleine letters te gebruiken voor variabelen. We hebben er een kamelenzaak voor. Onderste kamelenkast gebruikt voor variabelen.
  • Nu genoeg over JavaScript-aangifte. Laten we verder gaan met de initialisatie van die variabele.
  • Variabele initialisatie is het proces van het toewijzen van waarde aan die variabele. Nu rijst de vraag, welke waarde? Hebben we gegevenstypen in JavaScript? En het antwoord is ja.
  • JavaScript is dynamische taal. Dat betekent dat we variabelen niet expliciet met een bepaald type declareren. JavaScript-compiler zelf typt dwang op het specifieke gegevenstype.
  • We hebben de gegevenstypen Number, String, Boolean, Undefined en Null in JavaScript.
  • JavaScript heeft een conventie om waarde te geven aan alle variabelen die niet zijn geïnitialiseerd. En die waarde is niet gedefinieerd.

Code:

var price =10; //initializing variable with value of 10

  • In het bovenstaande voorbeeld variabelen we die al geïnitialiseerd zijn. Wat als we geen waarde geven aan de variabele? Laten we de volgende code in de JavaScript-console proberen en het resultaat bekijken.

Code:

var price;
console.log (price); //printing value to the console

In JavaScript tonen we uitvoer op console met console.log-methode zoals hierboven weergegeven.

Output:

Vergeet niet dat JavaScript hoofdlettergevoelig is. Laten we nu kijken of we waarde toekennen aan de variabele, wat zal de uitvoer zijn.

Code:

var price =10; // initialized variable with the value 10
console.log(price);

Output:

Het declareren van een variabele met het trefwoord var behoort standaard tot het globale bereik. We kunnen verschillende variabelen op dezelfde regel declareren. Daarvoor moeten we elke variabele scheiden met een komma (, ).

De sleutel die u hier moet noteren, is ook de waarde van de variabele die niet numeriek mag zijn. Als u het getal tussen aanhalingstekens opgeeft, JavaScript dit als een tekenreeks.

Voorbeelden in variabelen in JavaScript

Hieronder is een voorbeeld van variabelen in javascript:

Voorbeeld 1

JavaScript var kan gegevens opslaan, ongeacht het type. Laten we hier een voorbeeld van bekijken.

Code:

var color = "black";
var car = "BMW";
var no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no); >

Output:

Voorbeeld 2

We kunnen boven alle variabelen op dezelfde regel declareren, kijk naar de onderstaande code.

Code:

var color = "black", car = "BMW", no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no);

Output:

We hebben elke variabele net gescheiden door een komma en tegelijkertijd hebben we dat geïnitialiseerd.

Voorbeeld 3

Nu hebben we eens gekeken naar het declareren van variabelen. Wat gebeurt er als we de variabelen opnieuw declareren? Bekijk het onderstaande voorbeeld.

Code:

var color = "black";
var color;
console.log("The color is: " + color);

Output:

Zelfs als we de variabele kleur hier opnieuw declareren, verliest deze zijn waarde niet. Het geeft ons zwart als output.

Conclusie

JavaScript is geïnterpreteerde taal en dynamisch van aard. Dus het is heel belangrijk om te begrijpen hoe het werkt. Scoping van de variabele is een zeer belangrijk aspect tijdens het leren van JavaScript.

Aanbevolen artikelen

Dit is een gids voor variabelen in JavaScript. Hier bespreken we diepgaand leren in variabele javascript met syntaxisvoorbeelden en belangrijke aspecten. U kunt ook onze andere gerelateerde artikelen doornemen voor meer informatie -

  1. Voorwaardelijke verklaringen in JavaScript
  2. Variabelen in C #
  3. Variabelen in Java
  4. JavaScript-objecten