JavaScript Område

Syftssfär är den samling av variabler du har tillgång till.

JavaScript-funktionssyfte

I JavaScript finns det två typer av syftssfärer:

  • Lokal syftssfär
  • Global syftssfär

JavaScript har funktionssyfte: varje funktion skapar en ny syftssfär.

Syftet bestämmer tillgängligheten (synligheten) för dessa variabler.

Variabler definierade inom funktionen är inte åtkomliga från utsidan av funktionen (synliga).

Lokala JavaScript-variabler

Variabler som deklarerats inom en JavaScript-funktion blirlokala variabler。

Syftet för lokala variabler ärLokal：De kan bara komma åt dem inom funktionen.

Exempel

// Denna kod kan inte använda variabeln carName
function myFunction() {
    var carName = "porsche";
    // Denna kod kan använda variabeln carName
}

Prova själv

Eftersom lokala variabler bara kan identifieras inom funktionen kan samma variabelnamn användas i olika funktioner.

Lokala variabler skapas vid funktionens början och tas bort när funktionen slutförs.

Globala JavaScript-variabler

Variabler som deklarerats utanför en funktion blirGlobala variabler。

Syftet för globala variabler ärGlobal：Alla skript och funktioner på webbsidan kan komma åt den.

Exempel

var carName = "porsche";
// Denna kod kan använda variabeln carName
function myFunction() {
    // Denna kod kan använda variabeln carName
}

Prova själv

JavaScript variabel

I JavaScript är objekt och funktioner också variabler.

Syftet bestämmer tillgängligheten av variabler, objekt och funktioner från olika delar av koden.

Automatiskt global

Om du tilldelar ett värde till en inte deklarerad variabel kommer denna variabel att automatiskt bliGlobalvariabel.

Denna kod kommer att deklarera en global variabel carName, även om den tilldelas ett värde inom funktionen.

Exempel

myFunction();
// Denna kod kan använda variabeln carName
function myFunction() {
    carName = "porsche";
}

Prova själv

Strict mode

Alla moderna webbläsare stöder att köra JavaScript i "strict mode".

Du kommer att lära dig mer om hur du använder "strict mode" i senare kapitel i denna kurs.

Ingenting skapas automatiskt som globala variabler i "strict mode".

Globala variabler i HTML

Genom JavaScript skapas en fullständig JavaScript-miljö.

I HTML är globalt område window. Alla globala variabler tillhör window-objektet.

Exempel

var carName = "porsche";
// Koden här kan använda window.carName

Prova själv

Varning

Skapa inte globala variabler om du inte är medveten om det.

Dina globala variabler (eller funktioner) kan överskriva window-variabler (eller funktioner).

Alla funktioner, inklusive window-objektet, kan överskriva dina globala variabler och funktioner.

JavaScript-variablens giltighet

JavaScript-variablens giltighet börjar när den skapas.

Lokala variabler tas bort när funktionen är klar.

Globala variabler kommer att tas bort när du stänger sidan.

Funktionens parametrar

Funktionens parametrar är också lokala variabler inom funktionen.