Javascript Hoisting

Functies en variabelen zijn hoisted (letterlijk: "getakeld" of "omhoog gehesen") in JavaScript. Hoisting is het gedrag in JavaScript waarbij declaraties naar het begin van een scope verplaatst worden (globale scope of de scope van de huidige functie). https://developer.mozilla.org/nl/docs/Glossary/Hoisting

In andere woorden wilt het zeggen dat je variabele zou kunnen gebruiken voordat je het daadwerkelijk declareert.

x = 10; //hier geven we de waarde 10 aan x

demo = document.querySelector('p'); // we zoeken hier een 'p' element
demo.innerHTML = x; 

var x; //hier declareren we het pas, maar hij is wel al gebruikt binnen onze scope

Bronnen

• W3schools Javascript Hoisting
• MDN Web docs Hoisting