JavaScript alue

alue tarkoittaa muuttujakokoelmaa, johon sinulla on pääsy.

JavaScript-funktioalue

JavaScriptillä on kaksi alueen tyyppiä:

  • paikallinen alue
  • yleinen alue

JavaScriptillä on funktioalue: jokainen funktio luo uuden alueen.

alue määrittää näiden muuttujien saatavuuden (näkymättömyyden).

Funktiossa määritellyt muuttujat ovat ulkopuolelta näkymättömiä (näkymättömiä).

paikallinen JavaScript-muuttuja

JavaScript-funktiossa määritellyt muuttujat tulevat olemaanpaikallinen muuttuja。

Paikallisten muuttujien alue onpaikallinen：Ne ovat saatavilla vain funktioiden sisällä.

Esimerkki

// Tämä koodi ei voi käyttää carName-muuttujaa
function myFunction() {
    var carName = "porsche";
    // Tämä koodi voi käyttää carName-muuttujaa
}

Kokeile itse

Koska paikallisia muuttujia voidaan tunnistaa vain funktioiden sisällä, voidaan käyttää samannimisiä muuttujia eri funktioissa.

Funktioiden alussa luodaan paikallisia muuttujia, ja ne poistetaan, kun funktio on valmis.

yleiset JavaScript-muuttujat

muuttujat, jotka määritellään funktio ulkopuolella, tulevat olemaanyleinen muuttuja。

Yleisten muuttujien alue onyleinen：Kaikki verkkosivun skriptit ja funktiot voivat käyttää sitä.

Esimerkki

var carName = "porsche";
// Tämä koodi voi käyttää carName-muuttujaa
function myFunction() {
    // Tämä koodi voi käyttää carName-muuttujaa
}

Kokeile itse

JavaScript-muuttujat

JavaScriptissä objektit ja funktiot ovat myös muuttujia.

alue määrittää muuttujien, objektien ja funktioiden saatavuuden koodin eri osista.

automaattinen yleinen

Jos annat arvon vielä määrittelemättömälle muuttujalle, tämä muuttuja tulee automaattisestiyleinenmuuttuja。

Tämä koodi määrittelee yleisen muuttujan carName, vaikka sille annetaan arvo funktioiden sisällä.

Esimerkki

myFunction();
// Tämä koodi voi käyttää carName-muuttujaa
function myFunction() {
    carName = "porsche";
}

Kokeile itse

Tarkka tila

Kaikki nykyaikaiset selaimet tukevat JavaScriptin suorittamista tarkassa tilassa.

Opit myöhemmin tässä kurssissa lisää siitä, miten voit käyttää tarkkaa tilaa.

Globaalit muuttujat eivät luoda automaattisesti "tarkka tila"-tilassa.

HTML:n globaalit muuttujat

JavaScriptin kautta globaali sovellusala muodostaa täyden JavaScript-ympäristön.

HTML:ssa globaali sovellusala on window. Kaikki globaalit muuttujat kuuluvat window-objektiin.

Esimerkki

var carName = "porsche";
// Tämä koodi voi käyttää window.carName

Kokeile itse

Varoitus

Luo globaaleja muuttujia vain, jos on tarpeen.

Globaalit muuttujat (tai funktiot) voivat korvata window-muuttujat (tai funktiot).

Mikä tahansa funktio, mukaan lukien window-objekti, voi korvata globaalit muuttujat ja funktiot.

JavaScript-muuttujien voimassaolo

JavaScript-muuttujien voimassaolo alkaa niiden luomisesta.

Paikalliset muuttujat poistetaan, kun funktio suoritetaan loppuun.

Kaikki globaalit muuttujat poistetaan, kun sivu suljetaan.

Funktioiden parametrit

Funktioiden parametrit ovat myös funktion sisäisiä paikallisia muuttujia.