Używanie pól lub zmiennych członkowskich w JavaScript-klasach to kluczowa koncepcja, która zyskała na znaczeniu wraz z nowymi standardami od ES6 do ES13. W tym samouczku pokażemy, jak zadeklarować i zainicjować zarówno pola publiczne, jak i statyczne. Porównamy również różnice oraz zastosowanie tych pól w rzeczywistych aplikacjach.
Najważniejsze wnioski
- Możesz deklarować i inicjować pola w klasach, zarówno jako publiczne, jak i statyczne członki.
- Publiczne członki są dostępne dla wszystkich instancji klasy.
- Statyczne członki są globalne dla klasy i dzielą tę samą przestrzeń pamięci dla wszystkich instancji.
- Inicjalizacja pól powinna być przemyślana, aby unikać niezamierzonych błędów.
Przewodnik krok po kroku
Deklarowanie i inicjowanie pól
Na początku nauczysz się, jak deklarować pola wewnątrz klasy. Możesz zainicjować pola bezpośrednio przy ich definicji, co zwiększa czytelność i łatwość utrzymania kodu.
Za pomocą powyższego kodu definiujesz pole description z wartością początkową.
Jak możesz zobaczyć, gdy tworzysz obiekt, wartość początkowa jest od razu dostępna.
Przesłanianie wartości początkowej w konstruktorze
Dodatkowo możesz przesłonić wartość początkową pola w konstruktorze. Konstruktor jest wywoływany, gdy tworzysz instancję klasy. W tym momencie możesz zmienić wartość pola za pomocą przekazanego argumentu.
Dostęp do pól
Dostęp do pól odbywa się za pośrednictwem instancji twojej klasy. Za pomocą słowa kluczowego this możesz uzyskać dostęp do zmiennych członkowskich.
Gdy teraz tworzysz obiekt Circle, zobaczysz, że wartość description jest wyświetlana.
Używanie statycznych pól
Statyczne pola to kolejna ważna koncepcja, którą możesz zastosować w swoich klasach JavaScript. W przeciwieństwie do normalnych pól, statyczne pola są globalne dla klasy i nie są specyficzne dla instancji. Oznacza to, że istnieje tylko jedna kopia tego pola, niezależnie od tego, ile instancji tworzysz z klasy.
Dostęp do statycznych pól
Ważne jest, aby zauważyć, że dostęp do statycznych pól odbywa się nie za pomocą instancji, lecz wyłącznie przez klasę.
Definiowanie metod statycznych
Oprócz pól statycznych możesz także definiować metody statyczne w swoich klasach.
Zmiany w polach statycznych
Interesującym zachowaniem w przypadku pól statycznych jest to, że jeśli zmienisz wartość statycznego pola, ta zmiana obowiązuje dla wszystkich instancji.
Podsumowanie dotyczące używania pól w JavaScript
Podsumowując, teraz jesteś w stanie efektywnie wykorzystać zarówno publiczne, jak i statyczne pola w klasach JavaScript. Wiesz, jak zadeklarować pola, zainicjować je i jak uzyskać do nich dostęp. Statyczne pola i metody otwierają dodatkowe możliwości w projektowaniu twoich klas.
Podsumowanie - Pola w klasach: Przewodnik po JavaScript
Dzięki temu samouczkowi nauczyłeś się podstaw pól w klasach JavaScript. Powinieneś być teraz w stanie deklarować, inicjować i używać pól w zależności od potrzeb.
Najczęściej zadawane pytania
Jakie rodzaje pól istnieją w klasach JavaScript?Istnieją pola publiczne i statyczne.
Jak uzyskać dostęp do statycznych pól?Uzyskujesz do nich dostęp za pomocą nazwy klasy, a następnie kropki.
Co się stanie, jeśli zmienię pola statyczne?Zmiany w polach statycznych mają wpływ na wszystkie instancje klasy.
