JavaScript Scope

Bereik verwijst naar de set variabelen die toegankelijk zijn.

JavaScript functiebereik

Er zijn twee soorten bereiktypen in JavaScript:

  • lokaal bereik
  • globaal bereik

JavaScript heeft functiebereik: elke functie maakt een nieuwe context aan.

Het bereik bepaalt de toegankelijkheid (zichtbaarheid) van deze variabelen.

Variabelen die binnen een functie worden gedefinieerd zijn van buitenaf niet toegankelijk (onzichtbaar).

lokale JavaScript variabelen

Variabelen die binnen een JavaScript-functie worden gedeclareerd, wordenlokale variabele。

Het bereik van een lokale variabele islokale：Ze zijn alleen toegankelijk binnen de functie.

Voorbeeld

// Hiermee kan de variabele carName niet worden gebruikt
function myFunction() {
    var carName = "porsche";
    // Hiermee kan de variabele carName worden gebruikt
}

Probeer het zelf uit

Omdat lokale variabelen alleen binnen de functie kunnen worden herkend, kunnen dezelfde variabelen in verschillende functies worden gebruikt.

Lokale variabelen worden aangemaakt wanneer een functie begint en worden verwijderd wanneer de functie is voltooid.

globale JavaScript variabelen

Variabelen die buiten een functie worden gedeclareerd, wordenglobale variabele。

Het bereik van een globale variabele isglobaal：Deze variabele kan worden toegankelijk gemaakt door alle scripts en functies op de pagina.

Voorbeeld

var carName = "porsche";
// Hiermee kan de variabele carName worden gebruikt
function myFunction() {
    // Hiermee kan de variabele carName worden gebruikt
}

Probeer het zelf uit

JavaScript Variabelen

In JavaScript zijn objecten en functies ook variabelen.

Het bereik bepaalt de toegankelijkheid van variabelen, objecten en functies van verschillende delen van de code.

automatisch globaal

Als u een waarde toekent aan een nog niet gedeclareerde variabele, wordt deze automatischglobaalvariabele。

Dit stuk code声明一个全局变量 carName，即使在函数内进行了赋值。

Voorbeeld

myFunction();
// Hiermee kan de variabele carName worden gebruikt
function myFunction() {
    carName = "porsche";
}

Probeer het zelf uit

Strict Mode

Alle moderne browsers ondersteunen het uitvoeren van JavaScript in de "strict mode".

U zult later in dit tutoriaal meer leren over het gebruik van de strict mode.

In de "strict mode" worden geen globale variabelen automatisch aangemaakt.

Globale variabelen in HTML

Door JavaScript wordt de globale scope een compleet JavaScript-omgeving gevormd.

In HTML is de globale scope window. Alle globale variabelen behoren tot het window-object.

Voorbeeld

var carName = "porsche";
// De code hier kan window.carName gebruiken

Probeer het zelf uit

Waarschuwing

Maak geen globale variabelen aan tenzij u dat expres wilt.

Uw globale variabelen (of functies) kunnen de window-variabelen (of functies) overschrijven.

Elke functie, inclusief het window-object, kan uw globale variabelen en functies overschrijven.

Geldigheidsduur van JavaScript-variabelen

De geldigheidsduur van JavaScript-variabelen begint wanneer ze worden gecreëerd.

Lokale variabelen worden verwijderd wanneer de functie is voltooid.

Globale variabelen worden verwijderd wanneer u de pagina sluit.

Functieparameters

Functieparameters zijn ook lokale variabelen binnen de functie.