Leer Scopes | Functies Beheersen

Veeg om het menu te tonen

Definitie

Een scope is eenvoudigweg een gebied in de code waar een variabele kan worden benaderd of gebruikt.

Er zijn twee soorten scopes:

Globale scope;
Lokale scope.

Als een variabele is gedefinieerd binnen een codeblok (tussen accolades {}), heeft deze een lokale scope. Dit betekent dat de variabele alleen toegankelijk is binnen die functie of dat codeblok, of binnen geneste blokken:


              123456789101112
            
function exampleFunc() {
  let exampleVariable = 10;

  console.log(exampleVariable); // Valid

  if(10 + 10 == 20) {
    console.log(exampleVariable); // Valid
  }
}

exampleFunc();
console.log(exampleVariable); // Shows error

Een variabele die buiten een codeblok is gedefinieerd, heeft een globale scope en is overal toegankelijk:


              123456789101112
            
let exampleVariable = 10;

function exampleFunc() {
  console.log(exampleVariable); // Valid

  if(10 + 10 == 20) {
    console.log(exampleVariable); // Valid
  }
}

exampleFunc();
console.log(exampleVariable); // Valid

Een variabele die in een lagere (geneste) scope is gedefinieerd, kan niet worden benaderd vanuit een hogere (ouder) scope:

function exampleFunc() {
  if (10 + 10 == 20) {
    let exampleVariable = 10;
    console.log(exampleVariable);
    // Output: 10
    // The variable is defined in this block, so it is accessible here
  }

  console.log(exampleVariable);
  // ReferenceError: exampleVariable is not defined
  // The variable was defined inside the if-block and is not accessible outside it
}

exampleFunc();

console.log(exampleVariable);
// This line will never execute because the script stops after the first ReferenceError

Opmerking

Dit voorbeeld bevat opzettelijke fouten om te illustreren hoe variabele scope werkt. Het uitvoeren van de code zou de uitvoering stoppen na de eerste fout, dus het fragment wordt alleen ter verduidelijking getoond.

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 4. Hoofdstuk 4

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Sectie 4. Hoofdstuk 4