Hoisting - Txai-HvA/BlokTech GitHub Wiki

Het standaard gedrag van JavaScript om declaraties naar boven te verplaatsen wordt hoisting genoemd. In JavaScript kan een variabele worden gebruikt voordat deze is gedeclareerd (W3Schools, 2021).

x = 10; //Geef x de waarde van 10

elem = document.getElementById("demo"); 
elem.innerHTML = x;

var x; // Declareer x 

var x; // Declareer x 
x = 10; //Geef x de waarde van 10

elem = document.getElementById("demo"); 
elem.innerHTML = x;

Deze 2 stukken code geven exact hetzelfde resultaat.

let & const

Het gebruik van een let variabel voordat deze wordt gedeclareerd, zal resulteren in een ReferenceError (W3Schools, 2021).

genre = "Pop";
let genre;

Het gebruik van een const variabel voordat deze wordt gedeclareerd, geeft een syntax error, dus de code zal niet worden uitgevoerd (W3Schools, 2021).

genre = "Pop";
const genre;

let & const in mijn app

Deze code werkt wel.

Code die werkt

Deze code werkt niet.

Code die niet werkt

ReferenceError

Bronnen