Zasięg w JavaScript

Zakres to zestaw zmiennych, do których masz dostęp.

zakres funkcji JavaScript

W JavaScript istnieją dwa typy zakresów:

  • lokalny zakres
  • globalny zakres

JavaScript ma zakres funkcji: każda funkcja tworzy nowy zakres.

Zakres określa dostępność tych zmiennych (widzialność).

Zmienne zdefiniowane wewnątrz funkcji są niewidoczne z zewnątrz funkcji (niewidzialne).

lokalne zmienne JavaScript

Zmienne deklarowane wewnątrz funkcji stają sięlokalna zmienna。

Zakres lokalnych zmiennych jestlokalna：Dostępne tylko wewnątrz funkcji.

Przykład

// Odpowiedni kod nie może używać zmiennej carName
function myFunction() {
    var carName = "porsche";
    // Odpowiedni kod może używać zmiennej carName
}

Spróbuj sam

Ponieważ lokalne zmienne można rozpoznać tylko wewnątrz funkcji, można używać zmiennych o tym samym nazwie w różnych funkcjach.

Lokalne zmienne są tworzone na początku funkcji i usuwane po jej zakończeniu.

globalne zmienne JavaScript

Zmienne deklarowane poza funkcją stają sięglobalna zmienna。

Zakres globalnych zmiennych jestglobalna：Wszystkie skrypty i funkcje na stronie mogą do niej uzyskać dostęp.

Przykład

var carName = "porsche";
// Odpowiedni kod może używać zmiennej carName
function myFunction() {
    // Odpowiedni kod może używać zmiennej carName
}

Spróbuj sam

Zmienne JavaScript

W JavaScript, obiekty i funkcje są również zmiennymi.

Zakres określa dostępność zmiennych, obiektów i funkcji z różnych części kodu.

automatycznie globalna

Jeśli przypiszesz wartość do niezadeklarowanej zmiennej, ta zmienna automatycznie staje sięglobalnazmienna。

Ten kod zadeklaruje globalną zmienną carName, nawet jeśli została przypisana wewnątrz funkcji.

Przykład

myFunction();
// Odpowiedni kod może używać zmiennej carName
function myFunction() {
    carName = "porsche";
}

Spróbuj sam

Tryb "strict"

Wszystkie nowoczesne przeglądarki obsługują uruchamianie JavaScript w trybie "strict".

Dowiedz się więcej o używaniu trybu "strict" w późniejszych rozdziałach tego tutoriala.

W trybie "strict" globalne zmienne nie są automatycznie tworzone.

Globalne zmienne w HTML

Przez JavaScript, globalna dziedzina tworzy pełne środowisko JavaScript.

W HTML, globalna dziedzina jest window. Wszystkie globalne zmienne należą do obiektu window.

Przykład

var carName = "porsche";
// Ten kod może używać window.carName

Spróbuj sam

Ostrzeżenie

Ostrzeżenie, nie twórz globalnych zmiennych, chyba że jest to celowe.

Twoje globalne zmienne (lub funkcje) mogą zastąpić zmienne (lub funkcje) obiektu window.

Każda funkcja, w tym obiekt window, może zastąpić Twoje globalne zmienne i funkcje.

Okres istnienia zmiennej JavaScript

Okres istnienia zmiennej JavaScript zaczyna się od momentu jej utworzenia.

Lokalne zmienne są usuwane po zakończeniu działania funkcji.

Globalne zmienne są usuwane, gdy zamkniecie stronę.

Argumenty funkcji

Argumenty funkcji są również lokalnymi zmiennymi wewnątrz funkcji.