Wat is de scope (bereik) van variabelen in JavaScript?

Het bereik bepaalt de beschikbaarheid van variabelen, functies en objecten in een bepaald deel van de code.

In JavaScript zijn er verschillende soorten bereik:

• Globaal bereik (Global Scope): Variabelen die buiten functies of blokken zijn gedeclareerd, zijn overal in de code toegankelijk.
• Functiebereik (Function Scope): Variabelen die binnen een functie (voor ES6) zijn gedeclareerd, zijn alleen binnen die functie en geneste functies toegankelijk.
• Blokbereik (Block Scope): Variabelen gedeclareerd met let en const binnen blokken (bijvoorbeeld {} of lussen) zijn alleen binnen dat blok toegankelijk.

Voorbeeld:

// Globaal bereik
let globalVar = "Ik ben globaal";

function someFunction() {
  // Functiebereik (voor ES6)
  var functionVar = "Ik ben binnen de functie";
  console.log(globalVar); // Globale variabele toegankelijk

  if (true) {
    // Blokbereik (voor let en const)
    let blockVar = "Ik ben binnen het blok";
    console.log(functionVar); // Functieveranderlijk toegankelijk
    console.log(blockVar); // Blokvariabele toegankelijk
  }

  // console.log(blockVar); // Fout: blockVar is hier niet toegankelijk
}

someFunction();
// console.log(functionVar); // Fout: functionVar is hier niet toegankelijk

Woorden voor het declareren van variabelen en hun invloed op bereik:

Woord	Voor ES6 bereik	Na ES6 bereik
var	Functioneel	Functioneel
let	-	Blokbereik
const	-	Blokbereik

Het begrijpen van bereik is cruciaal om naamconflicten te voorkomen en schone, voorspelbare code te schrijven.