Stałe JavaScript

Przed rozpoczęciem języka programowania JavaScript musisz zebrać wiedzę na temat podstawowych terminów, takich jak zmienne i stałe. W JavaScript, stałe są tworzone za pomocą „const”Słowo kluczowe. Po deklaracji wartość stałej JavaScript nie może zostać zmodyfikowana, czyniąc ją ”niezmienny". Są też „blokowy„Tak więc JavaScript ogranicza ich dostęp poza blokiem, w którym są tworzone.

W tym spisie omówi deklarowanie stałych JavaScript, ich zakres blokowy, ponowne uwzględnienie stały. A więc zacznijmy!

Deklaracja stałych JavaScript

Stałe JavaScript są niezmienne, co oznacza, że ​​ich wartości nie można zmodyfikować po utworzeniu. Aby stworzyć stałe w JavaScript, musisz użyć „const”Słowo kluczowe i pamiętaj o stałej”nazwa"Powinno być określone w Duże litery:

const constant1 = „wartość”;

Jeśli nazwa stałej JavaScript obejmuje niż jedno słowo, użyj podkreślenia „_” między słowami:

const new_constant = „wartość”;

Zakres bloków stałych JavaScript

Stała JavaScript zadeklarowana przez „const”Słowo kluczowe ma taki sam zakres jak zmienna utworzona z„pozwalać”Słowo kluczowe. W rezultacie stałe JavaScript zadeklarowane w bloku kodu są dostępne tylko w nim, a nie poza nim.

Na przykład utworzymy stałą JavaScript o nazwie „X”W bloku kodu :

const x = 5;
alert (x);

Następnie postaramy się uzyskać dostęp do stałego „x” poza danym blokiem:

konsola.log (x);

Dodany blok kodu wykonuje i wyświetli wartość „X„Ciągłe w polu alertu:

Kiedy kontrola wykonania wyjdzie z dodanego bloku kodu, „konsola.dziennik()„Metoda próbuje uzyskać dostęp do stałej”X,”, Które powodują następujące„ReferenceStror”:

Ponowne uwzględnienie stałych zmiennych JavaScript

Jak wspomniano wcześniej, zmienne utworzone za pomocą „const„Słowo kluczowe jest z„niezmienny„Typ, co oznacza, że ​​nie możemy przeprowadzić działania ich zmiany wartości.

W poniższym przykładzie, kiedy spróbuje ponownie przypisać wartość do zmiennej ”wiek”, Wyświetli„Typeerror„W oknie konsoli:

Const Age = 30;
Wiek = 30;

Obiekty stałych JavaScript

Gdy stały obiekt JavaScript jest tworzony za pomocą „const„Słowo kluczowe, jego niezmienny typ danych ogranicza ponowne uznanie wartości obiektu jako całości. Mimo to możesz modyfikować wartości właściwości obiektu.

Na przykład zadeklarujemy stały obiekt o nazwie „pracownik„Posiadanie następujących właściwości:

const pracownika =
Wiek: 30,
Nazwa: „Alex”
;
konsola.log (pracownik);

Zauważ, że „pracownik„Obiekt jest z„niezmienny„Typ danych, a my przypisujemy wartość jej„nazwa" nieruchomość:

pracownik.name = "max";
konsola.log („Po zmianie pracownika.Nazwij wartość właściwości ”);
konsola.log (pracownik);

Dane wyjście oznacza, że ​​„pracownik.nazwa„Wartość właściwości jest aktualizowana do„Max”:

Wykonanie powyższego przykładu udowodniło, że chociaż obiekt staje się „niezmienny”Z pomocą„const„Słowo kluczowe, nadal pozwala na ponowne uzyskiwanie wartości właściwości.

Możesz "zamrażać„Obiekt, gdy jest to konieczne ograniczenie stałego obiektu JavaScript od aktualizacji istniejących właściwości lub dodawania nowych właściwości.

Zamrozić stały obiekt JavaScript za pomocą obiektu.Metoda Freeze ()

„„Obiekt.zamrażać()”Metoda jest wykorzystywana do zamrozilenia już zadeklarowanego stałego obiektu. Gdy obiekt zostaje zamrażany, zapobiega usunięciu istniejących właściwości obiektu, dodanie nowych właściwości, aktualizacji wyliczenia, pisania i konfiguracji istniejących właściwości. Ponadto nie można zmienić prototypu obiektu i wartości istniejących właściwości po zamrożeniu powiązanego obiektu.

Składnia używania obiektu.Freeze () w JavaScript

Obiekt.Freeze (OBJ)

Tutaj, "obj”Reprezentuje stały obiekt JavaScript, który zostanie zamrażany za pomocą„Obiekt.zamrażać()" metoda.

Przykład: Jak zamrozić obiekt w JavaScript za pomocą obiektu.Metoda Freeze ()

Po pierwsze, zamrozimy stały obiekt „pracownika” za pomocą „Obiekt.zamrażać()" metoda:

Obiekt.zamrozić (pracownik);

Zauważ, że w momencie zamrożenia „pracownik„Obiekt, wartość„pracownik.wiek" Jest "30,”I„ „pracownik.nazwa”Jest ustawiony jako„Max”:

W następnym kroku zweryfikujemy, czy „pracownik„Obiekt jest zamrażany lub nie. W tym celu JavaScript oferuje „Obiekt.jest zamarznięty()„Wbudowana metoda, która akceptuje stałą JavaScript”obiekt„Jako argument i wraca”PRAWDA„Jeśli podany obiekt zostanie zamrozi, w przeciwnym razie przypadek zwrotu„Obiekt.jest zamarznięty()„Metoda zostanie ustawiona na„FAŁSZ”:

Obiekt.isfrozen (pracownik);

Wyjście

Wartość zwrócona przez „Obiekt.jest zamarznięty()„Metoda to„PRAWDA,„Co wskazuje, że„pracownik„Obiekt jest pomyślnie zamrażany. Teraz spróbujemy zaktualizować „pracownik.nazwa„Wartość nieruchomości do„Paweł”:

pracownik.name = "Paul";
konsola.log (pracownik);

Jeśli jesteś w „Nieprzestrzenny„Tryb, wówczas określone działanie wartości aktualizacji zawiedzie cicho, a zamrożenie”pracownik„Obiekt nie zmodyfikuje oryginalnych wartości:

Stałe tablice JavaScript

Podobnie do stałych obiektów JavaScript, działanie ponownego przeniesienia nie jest możliwe dla stałej tablicy. Sprawdź pod danym przykładem, aby zrozumieć określoną koncepcję.

Po pierwsze, ogłosimy tablicę JavaScript „pory roku" używając "const”Słowo kluczowe. Ten "pory roku„Tablica zawiera jeden element, który jest„wiosna”:

Const Seasons = [„Spring”];

Następnie popchniemy kolejny element „jesień" do "pory roku„Tablica z pomocą„szyk.naciskać()" metoda:

pory roku.push („jesień”);
konsola.log (pory roku);

Ponieważ stałe JavaScript pozwalają na dodanie elementów do tablicy, tak określona operacja zostanie pomyślnie wykonana:

Nie możemy jednak potwierdzić „pory roku- tablica. Po tym napotkasz „Typeerror”:

pory roku = [];

Wyjście

To były wszystkie istotne informacje związane ze stałymi JavaScript. Możesz dalej nad tym popracować zgodnie z preferencjami.

Wniosek

„„const”Słowo kluczowe służy do definiowania Stała JavaScript zmienne i tablice, które są blokowy i nie można go zmodyfikować po utworzeniu. Jednak w przypadku stałych obiektów musisz je zamrozić, używając obiektu JavaScript.Freeze () Metoda ograniczenia manipulacji już utworzonym stałym obiektem JavaScript. W tym spisie omówiono deklarację stałych JavaScript, ich zakres blokowy, ponowne uwzględnienie stały.