Zajęcia w JavaScript | Wyjaśnione dla początkujących

Zajęcia w języku programowania są cechą, która należy do tradycyjnego podejścia zorientowanego na obiekt, a w JavaScript ma niektóre z tych samych funkcji. Klasa w programowaniu jest strukturą tworzenia obiektów

Zajęcia zostały dodane w 2015 roku wraz z wydaniem wersji JavaScript ES6. Zajęcia są mapowaniem prawdziwych obiektów na obiekty języków programowania.

Po co tworzyć klasę

Bardzo dokładnie, aby zaoszczędzić czas i uniknąć redundancji, są to główne powody, dla których klasy są używane w JavaScript. Na przykład, jeśli chcesz tworzyć obiekty 50 osób o prawie tych samych właściwości: imię, nazwisko i wiek; Będziesz musiał napisać strukturę 50 różnych obiektów. Ale dzięki klasom użycia możesz utworzyć pojedynczy szablon i mapować nieskończone obiekty na tym samym szablonie.

Ponadto, odnosząc się do podejścia zorientowanego na obiekt, klasy są wykorzystywane do wdrożenia koncepcji modułowości w ramach projektu, a także do łatwego wdrażania procesów rozwojowych, takich jak proces przyrostowego rozwoju.

Jak zdefiniować klasę

Aby zdefiniować klasę, używasz zarezerwowanego słowa kluczowego "klasa" a potem nazwa klasy i Krężnice wsporniki po identyfikatorze. Dane klasy są zapisywane w kręconych nawiasach.

Prosty przykład Osoba klasa byłaby jak:

Osoba klasowa
// Dane klasy - konstruktor, zmienne i metody

Jak pracować z klasą JavaScript

Aby pracować z klasą, musi mieć pewne właściwości obiektu i metodę konstruktora. Aby zademonstrować działanie klas i obiektów, będziemy tworzyć klasę dla osób z identyfikatorem "Osoba". Dlatego, aby utworzyć klasę osoby, możesz użyć następujących wierszy kodu:

Osoba klasowa
// później kod wejdzie tutaj, wewnątrz klasy

Zmienne klasowe są zmiennymi znanymi jako właściwości obiektów. Te zmienne mogą być również zmiennymi wymaganymi dla określonej metody klasy.

Dla klasy osoby, aby utworzyć zmienne klasowe: imię, nazwisko, wiek, I stanowisko, Poniższy kod w środku będą używane nawiasy klasowe:

imię;
nazwisko;
wiek;
stanowisko;

Konstruktor metoda jest automatycznie wykonywany po utworzeniu nowego obiektu, metoda konstruktora jest używana do inicjalizacji wszystkich zmiennych i metod klasy. Metoda konstruktora jest obowiązkowa dla klasy do pracy, ale dla programisty opcjonalne jest utworzenie metody konstruktora, ponieważ JavaScript utworzy pustą metodę konstruktora dla klas bez konstruktora.

Metoda konstruktora jest tworzona przy użyciu zastrzeżonego konstruktora słów kluczowych i poprzez umieszczenie przed nim okrągłego nawiasu. W tych nawiasach możesz zdefiniować argumenty wymagane do zmapowania obiektu na tej klasie, a nawet użyć parametrów domyślnych.

Utworzyć konstruktor dla Osoba Klasa Poniższy kod zostanie użyty do przypisania wartości do właściwości obiektu.

Constructor (FirstName = "John", lastName = "doe", wiek = 20, job = "freelancer")
Ten.FirstName = FirstName;
Ten.LastName = LastName;
Ten.wiek = wiek;
Ten.Job = Job;

Jak widać w powyższym kodzie, używamy domyślnych parametrów, aby uniknąć pustego argumentu.

Metody klasowe to normalne funkcje, do których można uzyskać za pomocą za pomocą Operator DOT „." z identyfikatorem obiektu, ale w przeciwieństwie do normalnych funkcji, słowo kluczowe "funkcjonować" nie jest używany do zdefiniowania metody klasowej; raczej wpisujesz nazwę metody i umieszczasz przed nią okrągłe nawiasy i pisze kod JavaScript metody zamkniętej nawiasy kręcone .

Utworzysz metodę, która wydrukuje szczegóły obiektu osoby za pomocą następujących wierszy kodu:

printDetails ()
konsola.log („nazwa:” + to.FirstName + "" + to.nazwisko);
konsola.log („wiek:” + to.wiek);
konsola.log („Job:” + to.stanowisko);

Masz ukończoną podstawową klasę osoby, pełny kod tej klasy wynosi:

ClassPerson
imię;
nazwisko;
wiek;
stanowisko;
konstruktor(
FirstName = „John”,
lastName = "Doe",
Wiek = 20,
Job = "freelancer"
)
Ten.FirstName = FirstName;
Ten.LastName = LastName;
Ten.wiek = wiek;
Ten.Job = Job;

printDetails ()
konsola.log („nazwa:” + to.FirstName + "" + to.nazwisko);
konsola.log („wiek:” + to.wiek);
konsola.log („Job:” + to.stanowisko);

Mapowanie i używanie obiektów przeciwko klasom

Teraz musisz mapować obiekty do tej klasy. W tym celu utworzysz obiekt P1 i ustaw go równy konstruktorowi klasy osoby z kluczem "nowy". Możesz nawet tworzyć więcej obiektów i podać im dowolne nazwiska. To zamieniłoby naszą zmienną obiektową na osobę klasową. Możemy stworzyć nieskończone ilości obiektów przeciwko tej osoby z klasą.

p1 = nowa osoba („William”, „Mark”, 35, „pisarz”);
p2 = nowa osoba („Henry”, „Clark”, 22, „audytor”);

Aby uzyskać dostęp do printDetails () metoda obu obiektów, którego musimy użyć Operator kropki tak jak:

P1.printDetails ();
P2.printDetails ();

Po wykonaniu całego kodu zobaczysz to wyjście na konsoli:

Jak widać na powyższym fragmencie, wydrukowaliśmy szczegóły 2 różnych obiektów o tych samych właściwościach, ale różne wartości.

Wniosek

Klasy w JavaScript są używane do zdefiniowania mapowania dla obiektów o tych samych właściwościach i funkcjach. Klasy te są również nazywane implementacją modułowości za pomocą podejścia zorientowanego na obiekt. Nauczyliśmy się, jakie są zajęcia, jak je zdefiniować, jak z nimi pracować i jak używać ich do tworzenia obiektów wraz z przykładami.