Front End | Hoisting

Hoisting

Wanneer JavaScript al je code compileert, worden alle variabele declaraties met een var of const (ES6) naar de top van het project verplaatst/gelift (indien gedeclareerd binnen een functie) of naar de top van hun global scope (indien buiten een functie gedeclareerd). Dit is wat er bedoelt wordt met 'Hoisting'

Voorbeeld

Source code

console.log(mijnNaam);
var mijnNaam = ‘Azam’;

Uitkomst

Undefined

Toelichting

Zoals hierboven toegelicht, worden variabelen naar de top van het project verplaats wanneer het JavaScript tijdens het draaien van het project wordt gecomprimeerd. Wat belangrijk om te melden is dat het enige dat naar boven wordt verplaatst de declaraties van de variabelen zijn, niet de werkelijke waarde die aan de variabele wordt gegeven.

Van daar dat de variabelen een waarde van 'undefined' terug krijgt, terwijl dat geen standaard waarde is binnen JavaScript.

Bronvermelding

Sandhu, S. (2020, 4 april). What is Hoisting in JavaScript? - JavaScript in Plain English. Geraadpleegd op 14 april 2020, van https://medium.com/javascript-in-plain-english/https-medium-com-javascript-in-plain-english-what-is-hoisting-in-javascript-a63c1b2267a1