Variables

Een echt essentieel onderdeel van programmeren zijn variabelen. Zie ze als opslagruimtes, waar je een stukje informatie kunt bewaren, zoals een getal, een datum of een stukje tekst, voor later gebruik. Je zou niet ver komen zonder deze mogelijkheid, en natuurlijk kunnen variabelen ook in JavaScript worden gebruikt.

Een variabele wordt gedeclareerd met het sleutelwoord let, of als je een ouderwetse JavaScript-ontwikkelaar bent zoals ik, met het sleutelwoord var. Beide kunnen worden gebruikt, maar er zijn kleine verschillen, die we later zullen bespreken - blijf voorlopig gewoon bij de nieuwe versie genaamd let.

Een variabele declaratie bestaat uit het sleutelwoord let, gevolgd door de naam van de variabele (die mag jij bepalen), zoals dit:

Variabelen declareren en gebruiken

let age;

Dit vertelt de interpreter gewoon dat er een variabele bestaat met de naam "age". Het heeft nog geen waarde, maar nadat je het gedeclareerd hebt, kun je er een waarde aan toekennen, zoals dit:

let age;
age = 42;

Natuurlijk, als je al weet welke waarde de variabele moet hebben, kun je deze toewijzen op het moment dat je hem declareert, als volgt:

let age = 42;

U kunt zelfs meerdere variabelen, met verschillende waarden, op dezelfde regel declareren - gescheiden door een komma:

let name = "John Doe", age = 42, mail = "john@doe.com";

Nadat je een of meerdere variabelen hebt gedeclareerd, kun je ze gebruiken en wijzigen hoe je maar wilt. Hier is een voorbeeld:

let name = "John Doe", age = 42;

document.write("My name is: " + name + " and today is my birthday");
age = age + 1;
document.write("I am now " + age + " years old");

In dit voorbeeld declareer ik twee variabelen en gebruik ze dan. Ik geef gewoon de naam weer, maar dan verander ik de leeftijd en geef ook die weer. Zoals je kunt zien, is het vrij eenvoudig.

Een variabele benoemen

Zoals gezegd mag je zelf bepalen hoe je variabele heet. Er zijn echter een paar regels:

• De naam van de variabele mag alleen letters, cijfers en/of twee speciale tekens bevatten: De $ (dollarteken) en de underscore (_)
• De naam van de variabele mag niet beginnen met een cijfer
• Je kunt geen van de sleutelwoorden/voorbehouden woorden als zodanig gebruiken, maar ze kunnen wel deel uitmaken van de variabelenaam. Dus bijvoorbeeld, "break" is een sleutelwoord, wat betekent dat je variabele niet "break" mag heten, maar wel "lunchBreak".

Bij het benoemen van complexere variabelen in JavaScript wordt vaak camelCasing gebruikt. Dit betekent dat het eerste woord in kleine letters begint, terwijl de rest van de woorden met hoofdletters begint. Hier zijn een paar voorbeelden:

let userMailAddress = "john@doe.com";
let aLongVariableNameWithManyWords = 42;

Bedenk wel dat dit slechts een richtlijn is - je bent vrij om te doen wat je wilt, inclusief alle kleine letters of hoofdletters. Onthoud alleen dat JavaScript hoofdlettergevoelig is, dus als je een variabele declareert met de naam "NAAM", verwacht dan niet dat je er met "naam" naar kunt verwijzen.

Constants

We just learned that you can assign a value to a variable whenever you want to, and change the value whenever you want to. But sometimes, you want to declare a variable, assign a value to it immediately, and then never allow anyone to change the value. For this purpose, we have constants. They look just like variables, but they use the const keyword instead of var or let:

const answerToEverything = 42;

Notice that I immediately assign a value to the constant - unlike with variables, you can't declare a constant without assigning a value to it. And because it's a constant, it can't be changed - the interpreter will immediately throw an error if you try to:

const answerToEverything = 42;

// Won't work - it's a constant!
answerToEverything = 43;

If you try to do the above, you will get an error like this:

Uncaught TypeError: Assignment to constant variable.

It can be really useful to have variables that can't be changed by you or anyone else, because some things should simply not be changed. For this reason, JavaScript itself comes with plenty of constants, e.g. Math.PI:

// A constant - it can't be changed!
Math.PI = 42;
// 3.141592653589793
alert(Math.PI);

Samenvatting

Beschouw variabelen als mooi gesorteerde opbergdozen met labels erop: u kunt elk stukje informatie in een variabele opslaan en dienovereenkomstig een naam geven, zodat u later toegang kunt krijgen tot de inhoud van de variabele en/of deze kunt wijzigen. Variabelen zijn zo'n belangrijk onderdeel van programmeren en je zult zien dat ze in veel van de voorbeelden in deze tutorial worden gebruikt, en nog meer in de echte wereld, wanneer je voor jezelf begint met het schrijven van code.