Varför använder vi variabler?

En variabel är ett av de viktigaste begreppen i programmering. Variabler i JavaScript och i programmeringsspråk i allmänhet är ett sätt att lagra och hålla reda på information i en applikation. Till exempel behöver vi variabler för att hålla reda på spelarens poäng i ett spel. Om vi ​​lagrar ett värde i en datastruktur kallar vi det för en variabel.

Detta finns fortfarande i applikationskoden och i minnet. Vi kan också skriva data till filer och databaser för senare hämtning, men det är ett annat ämne.

Variabler och stat

Utan variabler är det svårt att omöjligt att lagra saker, hålla reda på en historia eller göra komplexa manipulationer och beräkningar. Vid programmering beskriver vi ofta detta som program som har någon form av internt tillstånd. I den meningen har en variabel ett värde och denna variabel eller bred uppsättning variabler är det tillståndet. Värdet i sig är mer flyktigt.

Lådan eller behållaranalogin

Det sägs att variabler är som lådor eller containrar. Vi kan ta en tom ruta och fylla den med allt vi vill ha. Även om detta är ett möjligt sätt att titta på det kan det också ge fel intryck. Olika variabler kan "ha" eller ha samma värde, eller mer exakt, peka på samma värde.

I detta avseende kan lådanalogin vara något vilseledande, eftersom värdet inte riktigt finns i den "rutan". Två eller flera variabler kan peka på samma värde i minnet, inte bara ett identiskt värde eller kopia. Det är förmodligen bäst att anta att en variabel pekar på ett visst värde och ger oss värdet när vi ber om det.

Skapa en variabel

Förklara en variabel utan att initiera

Vi börjar med JavaScript-syntaxen för att skapa variabler. Vi kan använda låtordet. Vi använder nyckelordet när variabler är muterbara. Det betyder att vi kan ändra eller ställa in värdet senare i programmet. När värdet på variabeln aldrig kommer att förändras, när det förblir konstant, använder vi nyckelordet const . Dessa nyckelord är tillgängliga sedan ECMAScript 6 standard.

Innan ES6 fanns var nyckelordet, men det här har några problem om vi inte går med i den här artikeln. Undvik om möjligt sökordet, men du ser det i äldre program.

Vi följer det med ett vitrum och ett namn för vår variabel. Därefter kan vi välja att tilldela det ett initialt värde eller lämna det utan tilldelning. Förklaring utan initialisering:

 låt poäng; 

Vi kan fortfarande tilldela värdet senare.

Variabel deklaration och initialisering

Vi initialiserar vår variabel genom att tilldela den ett värde. Vi kan använda ett bokstavsvärde, en annan variabel (er) eller resultatet av någon beräkning eller uttryck. Glöm inte en semikolon i slutet av uttrycket. Förklaring med initialisering:

 låt poäng = 5; 

eller

 const pi = 3, 14; 

Låt-nyckelordet används bara för deklarationsdelen. Om vi ​​vill initiera eller ändra ett värde på våra variabler efter deklarationen, tilldela bara (motsvarar symbol = ) värdet utan att använda nyckelordet var före variabelns poäng = 10 ;.

Med const sökordsdeklaration och initialisering måste alltid ske tillsammans, eftersom en const inte kan ändras efteråt.

 låt firstScore; firstScore // resulterar i odefinierad låt secondScore; secondScore = 1000; secondScore // utvärderar 1000 låt tredjeScore = 1200; ThirdScore // 1200 let otherVariable = 1600; låt quarterScore = otherVariable; fourScore // 1600 let fiveScore = 3000; FiveScore = FiveScore + 1000; fiveScore // 4000 let lastScore = 10 * 9 + 5; lastScore // 95 const maxScore = 1500; maxScore // 1500 const maxScore = 1500; maxScore = 2000 // fel du kan inte ändra ett konstant värde 

Förklara flera variabler

Vi kan förklara flera variabler på en rad som separerar namnen med komma och avsluta uttalandet med en semikolon. Vi kan också göra förklaring och initialisering på en rad. Börja med låt nyckelord och sedan variabelns namn med tilldelning av värde. Fortsätt med komma och nästa variabelnamn med en värdetilldelning. Avsluta serien med en semikolon.

Se upp för risken att glömma ett komma mellan variablerna. Se vår nästa del om var-nyckelordet och globala vs lokala variabler.

 // förklaring på en rad låt firstScore, secondScore; // deklaration och initialisering på en rad låt tredjeScore = 4444, fjärdeScore = 1666; // Flera rader men fortfarande i ett uttal låt FiveScore = 1111, SixScore = 3333, lastScore = 7777; 

Förklaring med eller utan låt nyckelord

Om vi ​​tilldelar ett värde direkt till en variabel utan att använda låtordet JavaScript kommer inte att klaga om du inte använder strikt läge ES6. Vad det kommer att göra är att leta efter en variabel med det namnet som den kan tilldela värdet. Förutsatt att det kunde ha förklarats någonstans före eller upp i omfattningskedjan.

Om vi ​​bara tilldelar ett nytt värde till en befintlig variabel kan det vara det vi vill ha. Om vi ​​ville ha en ny variabel kan detta orka. Vi kan ändra värdet på en var vi använder någon annanstans. Detta kan orsaka oväntat beteende över hela programmet.

Om variabeln inte finns uppe eller högre i omfattningshierarkin skapas en ny variabel i den globala räckvidden. Denna nya globala scoped-variabel tilldelas värdet. Bästa praxis för oss är att använda let-nyckelordet för att göra deklaration + uppdrag, annars måste vi vara försiktiga med vad vi gör.

I ett grundläggande kodningsexempel märker du inte skillnaden i en utvecklingskonsol. Allt fungerar fortfarande som du kan förvänta dig. Föredrar att använda låt nyckelordet och lokalt omfattning och strikt läge ECMAScript 6.

 poäng = 500; låt lastScore = 2950; poäng // utvärderar 500 sistScore // utvärderingar 2950 

Variabla namn JavaScript

Vi måste överväga giltiga namn på variabler i JavaScript och god praxis.

  • Kan inte börja med en siffra eller endast bestå av siffror
  • Kan inte vara ett JavaScript-reserverat nyckelord som (låt, const, var, för, vilken etc.). Hitta listan här.
  • Kan inte innehålla skiljetecken eller specialtecken förutom _ och $
  • $ Används ibland för att starta variabla namn i JavaScript (konvention)
  • _ Används ibland för att starta variabla namn för att beteckna det är privat (konvention)
  • God praxis och konvention använder camel-case, varje ord inuti variabelnamnet börjar med stora bokstäver utom det första ordet. Exempel: myFirstNameAndLastName
  • God praxis för att använda beskrivande namn, särskilt när de används i större omfattning. Att använda ett kort värde som ”i” för en räknare i en för-loop är vanligt, men att använda dessa variabler i större delar kan göra program svåra att läsa. Använd till exempel bankAccountNumber istället för bn.
 // vanligaste const bankAccountNumber = 12378998989; let scenario2 = 'det andra scenariot'; // används för att beteckna privata variabler, som bara ska nås inifrån ett objekt const _myFirstName = 'Mike'; // sett detta mestadels används med jQuery när variabeln hänvisar till ett objekt från DOM låt $ startButton = $ ("# startButton"); 

Förklaring och initiering

En liten sammanfattning av deklaration kontra initialisering, grunderna för nybörjare. Innan vi använder en variabel bör vi förklara den. Vi använder let-nyckelordet, ett giltigt variabelnamn och semikolon; för deklaration utan initialisering. Flera deklarationer i ett uttalande separeras med komma.

 låt inmatningar; låt meddelande; låt titel, beskrivning; 

Vi kan göra deklaration och initialisering på en gång genom att tilldela ett värde direkt efter deklarationen med lika tecknet = följt av värdet eller ett uttryck som kommer att resultera i ett värde.

 låt lastScore = 1200; let title = "Detta är en fantastisk titel"; 

Om vi ​​bara deklarerar en variabel utan att tilldela ett initialvärde kommer värdet på variabeln att definieras.

 låt inmatningar; console.log (poster); // odefinierad 

© 2019 Sam Shepards