Scope Javascript

Scope

Je hebt twee soorten van de term scope in Javascript, de eerste is local scope en global scope.

Local scope

Lokale variables kunnen alleen gebruikt worden binnen een javascript function, hierdoor kan je dus dezelfde variable naam aan meerdere elementen geven, en gebruiken in meer dan een function.

Global scope

Global variables worden gebruikt buiten functions

// Initialize a global variable
var species = "human";

Als we local scope erbij betrekken krijgen we bijvoorbeeld iets zoals dit:

// Initialize a global variable
var species = "human";

function transform() {
  // Initialize a local, function-scoped variable
  var species = "werewolf";
  console.log(species);
}

// Log the global and local variable
console.log(species);
transform();
console.log(species);

De output van de console.logs zijn dit:
human
werewolf
human

Je ziet dat het we nog steeds met var met dezelfde naam, de verschillende output waardes niet verliezen. De lokale scope wordt aangeroepen doormiddel van de function naam.

Bronnen
Understanding Variables, Scope, and Hoisting in JavaScript

Javascript Scope