Introduktion till variabler i JavaScript
Innan vi börjar med JavaScript-variabeln bör vi veta vad termen egentligen betyder. I allmänhet betyder variabel något som fortsätter att förändras. När det gäller programmering är variabeln inget annat än hänvisningen till minnet där vi har lagrat ett värde. Vi har tre olika sätt att förklara variabeln för närvarande. Var och en har sin egen vikt att använda. Dessa är följande:
- var
- låta
- const
Alla ovanstående tre är nyckelord i JavaScript. I allmänhet måste vi förklara en variabel med nyckelordet var. Senare i ES2015 (EcmaScript 2015) har två nya nyckelord för att deklarera variabler, dvs. låt och konst. Dessa båda är block-scoped. Men för nu kommer vi att koncentrera oss på var.
Syntax för variabler i JavaScript
Javascript-variabeln kommer med omfattningen. JavaSript har två lokaler och global omfattning. Senare under ES2015 introducerade vi med blockomfång.
Låt oss koncentrera oss på ett globalt omfång och ett lokalt omfång. Alla variabler som deklareras på toppen av koden är inget annat än globalt för alla. Vem som helst kan komma åt det. I andra sidovariabler som deklarerats inuti någon funktion är lokal för den funktionen och det går inte att komma åt det utanför det omfattningen.
Exempel 1
Koda:
var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();
Produktion:
I exemplet ovan är variabel färg en global variabel och den variabla modellen är en lokal variabel. Den variabla modellen är lokal till dess funktionella omfattning. Och det är inte tillgängligt från utsidan. Om vi försöker göra det får vi ett fel. Låt oss kolla upp det.
Exempel 2
Koda:
var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();
console.log(model);
Produktion:
Syntax för respektive deklaration
Följande syntax är för respektive deklaration:
- För var:
var variable_name; - För låt:
let variable_name; - För const:
const variable_name;
Regler för Javascript-variabler
Nedan är regeln för javascript-variabeln:
- Javascript-variabelns namn måste börja med letter.range är az och AZ.
- Det kan börja med $ och _.
- Javascript-variabler bör inte börja med en siffra.
- Vi kan använda siffror mellan namnet. ex: hus1
- JavaScript är skiftlägeskänsligt. Så variabel som anges som pris och pris är olika.
- JavaScript variabla namn bör inte ha namn eller nyckelord. Ex: variabel const; detta är inte tillåtet eftersom const är ett nyckelord.
Hur fungerar variabler i JavaScript?
JavaScript-variabler är scopesbaserade. Låt oss först förstå vad som är omfattning i JavaScript. JavaScript fungerar på sin lexikala miljö. Vissa tycker att det är knepigt, men det är rakt fram:
- Låt oss börja med deklarationen av variabeln. Att förklara variabeln är ingenting utan bara skriva variabelns namn. I JavaScript följer vi regeln för att skriva var och efter att vi har skrivit variabelns namn. Semikolon (;) är valfritt i javascript. Men det är bra om du ger och det rekommenderas ett sätt att göra det. Att ge semikolon ger idén att där uttalandet är slut.
Koda:
var price;
- I exemplet ovan är nyckelordet var och variabelns namn är priset en identifierare. Om du har studerat operatörer i JavaScript vet du att vi har använt tilldelningsoperatör (=) här. Alla namn som vi ger variabeln kallas en identifierare i JavaScript.
- Alla värden som anges på höger sida av uppdraget lagras i en variabel som i vänster sida.
- Det rekommenderas att använda små bokstäver för variabler. Vi har ett kamelfall för det. Lägre kamelfall används för variabler.
- Nu tillräckligt med JavaScript-deklaration. Låt oss gå vidare med initialiseringen av den variabeln.
- Variabel initialisering är processen för att tilldela värdet till den variabeln. Nu uppstår frågan, vilket värde? Har vi datatyper i JavaScript? Och svaret är ja.
- JavaScript är dynamiskt språk. Det betyder att vi inte deklarerar variabler uttryckligen med en viss typ. JavaScript-kompilator själv skriver tvång till den specifika datatypen.
- Vi har datatyper Number, String, Boolean, Undefined och Null i JavaScript.
- JavaScript har en konvention för att ge värde till alla variabler som inte initialiseras. Och det värdet är odefinierat.
Koda:
var price =10; //initializing variable with value of 10
- I exemplet ovan variabeln som vi redan har initialiserat. Vad händer om vi inte ger något värde till variabeln? Låt oss prova följande kod i JavaScript-konsolen och se resultatet.
Koda:
var price;
console.log (price); //printing value to the console
I JavaScript visar vi output på konsolen med console.log-metoden som visas ovan.
Produktion:
Kom ihåg att JavaScript är skiftlägeskänsligt. Nu, låt oss se om vi tilldelar värdet till variabeln, vad kommer utmatningen att göra.
Koda:
var price =10; // initialized variable with the value 10
console.log(price);
Produktion:
Förklaringsvariabel med nyckelordet var tillhör dess globala omfattning som standard. Vi kan förklara kan variabler på samma linje. För det måste vi separera varje variabel med ett komma (, ).
Dessutom är nyckeln för att notera nedan värdet på den variabel som är numerisk bör inte anges i citat. Om du anger numret i citat, JavaScript det här som en sträng.
Exempel på variabler i JavaScript
Nedan är några exempel på variabler i javascript:
Exempel 1
JavaScript var kan lagra data oavsett typ. Låt oss kolla ett exempel på detta.
Koda:
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);
Produktion:
Exempel 2
Vi kan förklara framför allt variabler på samma rad. Titta på koden nedan.
Koda:
var color = "black", car = "BMW", no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no);
Produktion:
Vi separerade just varje variabel med komma och samtidigt initierade vi det.
Exempel 3
Nu har vi tittat på att deklarera variabler en gång. Vad händer om vi återdeklarerar variablerna? Titta på nedanstående exempel.
Koda:
var color = "black";
var color;
console.log("The color is: " + color);
Produktion:
Även om vi deklarerar den variabel som kallas färg här förlorar den inte sitt värde. Det ger oss svart som utgång.
Slutsats
JavaScript är tolkat språk och dynamiskt till sin natur. Så att förstå hur det fungerar är mycket viktigt. Omfattning av variabeln är en mycket viktig aspekt när du lär dig JavaScript.
Rekommenderade artiklar
Detta är en guide till variabler i JavaScript. Här diskuterar vi i detalj djup inlärning i variabelt javascript med syntaxexempel och viktiga aspekter. Du kan också gå igenom våra andra relaterade artiklar för att lära dig mer -
- Villkorliga uttalanden i JavaScript
- Variabler i C #
- Variabler i Java
- JavaScript-objekt