Inleiding

Variabelen zijn als: ”kleine containertjes waar je een waarde in kan stoppen”.

In deze workshop leer je de verschillende manieren kunnen van het aanmaken van variabelen. We kijken naar var, const en let. Voor 2015 werd var overal gebruikt, na 2015 werden de const en let geintroduceerd. Dit heeft te maken met ES6, de nieuwere in 2015 uitgebrachte Ecma Script standaard, die uitlegt wat voor functionaliteiten Javascript doet ondersteunen.

Als laatste ook een korte aandacht voor this variabelen binnen een Class en de term scope waar je ook mee te maken hebt als het over variabelen gaat.

In het onderstaande voorbeeld zie je drie manieren van het opslaan van variabelen in Javascript. In de paragraaf eronder wordt dieper ingegaan op de drie manieren.

var a   = 1;
const b = 2;
let c   = 3;

var

Wat is een var?

Het woord var is de oude manier van het aanmaken van een variabele in Javasacript. Je plaatst het voor de naam van de variabele. Deze manier werkt nog steeds prima, maar het wordt aangeraden om de const en let te gebruiken.

In het onderstaande voorbeeld zie je hoe de var test wordt aangemaakt. Daarna wordt de variabele twee keer van waarde gewijzigd en geef je niet nog een keer het woord var op, want dat heb je al gedaan en de var bestaat al.

var test = 'blablabla';  // maak een variabele test aan en geef een waarde
test = 2;                // pas de variabele aan, geef een nieuwe waarde op 
test = true;             // wederom, een aanpassing van de reeds bestaande variabele test

console.log(test);       // geeft true in de console terug

const

Wat is een const?

Het woord const gebruik je om een variabele aan te maken die constant is en niet meer mag veranderen van waarde. Als je na het aanmaken van een const toch de waarde probeert te veranderen, dan resulteert dat in een error.

In het onderstaande zie je een voorbeeld van een const.

const test = 'hallo wereld';  // maak een constante variabele test aan en geef een waarde
test = 'doei wereld';         // verander de waarde geeft een error, want: const