Przewodnik po zajęciach w JavaScript w JavaScript

Zajęcia są szablonem/planem obiektów. Upraszczają proces tworzenia wielu obiektów o podobnych właściwościach i metodach. Zajęcia nie były obecne w ES5 i zostały wprowadzone w wersji JavaScript ES6. Zajęcia to jedynie cukier składniowy w JavaScript, zbudowany na prototypach i działają w ten sam sposób za kulisami.

Jak korzystać z zajęć w JavaScript

Weźmy przykład programisty, który musi stworzyć pięć obiektów dla pięciu różnych użytkowników. Napisze następujący kod:

const user1 =
Fname: „Mary” ,
Lname: „Jane” ,
Wiek: 23 ,
ID: 01
;
const user2 =
Fname: „John” ,
Lname: „Doe” ,
Wiek: 47 ,
Id: 02
;
const user3 =
Fname: „Jane” ,
Lname: „Doe” ,
Wiek: 34 ,
Id: 03
;
const user4 =
Fname: „John” ,
Lname: „Smith” ,
Wiek: 18 ,
Id: 04
;
const user5 =
Fname: „Mary” ,
Lname: „Anne” ,
Wiek: 22 ,
Id: 05
;

W powyższym przykładzie kod ma wiele powtarzalności, ponieważ wszystkie obiekty mają podobne właściwości. Możemy łatwo wyeliminować powtarzalność w kodzie i uczynić ją bardziej zorganizowaną za pomocą klasy.

W JavaScript, klasa Słowo kluczowe służy do tworzenia klasy. Zajęcia w JavaScript Użyj metody o nazwie konstruktor(). Automatycznie wykonuje się podczas tworzenia nowego obiektu. Inicjuje właściwości obiektu.

classUser
konstruktor (nazwa FirstName, LastName, wiek, id)
Ten.fname = FirstName;
Ten.lname = lastName;
Ten.wiek = wiek;
Ten.id = id;

W powyższym przykładzie stworzyliśmy nową klasę o nazwie Użytkownik. Służy jako szablon/plan dla wszystkich obiektów użytkownika, które chcemy zrobić. Konstruktor przyjmuje cztery argumenty i tworzy cztery właściwości dla każdego obiektu. Te właściwości są nazwane fname, lname, wiek, I ID i można uzyskać dostęp za pomocą następującej składni (po utworzeniu obiektu)

Object_name.Nazwa właściwości

''Ten' Słowo kluczowe w przykładzie odnosi się do obiektu, który jest właścicielem wiek nieruchomość. To słowo kluczowe służy do uzyskania dostępu do wartości właściwości w obiekcie.

Teraz utworzymy obiekty użytkownika pokazane w pierwszym przykładzie za pomocą Użytkownik klasa.

classUser
konstruktor (nazwa FirstName, LastName, wiek, id)
Ten.fname = FirstName;
Ten.lname = lastName;
Ten.wiek = wiek;
Ten.id = id;


const user1 = Newuser („Mary”, „Jane”, 23, 01);
const user2 = nowy użytkownik („John”, „Doe”, 47, 02);
const user3 = nowy użytkownik („Jane”, „Doe”, 34, 03);
const user4 = nowy użytkownik („John”, „Smith”, 18, 04);
const user5 = nowy użytkownik („Mary”, „Anne”, 22, 05);

Tutaj możesz zobaczyć, że kod stał się o wiele bardziej czytelny.

Jakie są metody w klasach JavaScript

Możemy również dodać metody do klas w JavaScript. Metody te można łatwo dodać do korpusu klasy po konstruktorze za pomocą tej samej składni, która jest używana w obiektach:

classUser
konstruktor (nazwa FirstName, LastName, wiek, id)
Ten.fname = FirstName;
Ten.lname = lastName;
Ten.wiek = wiek;
Ten.id = id;

rok urodzenia()
const date = newDate ();
Niech rok = data.getylyear () - to.wiek;
Rok zwrotu;


const user1 = nowy użytkownik („Mary”, „Jane”, 23, 01);
const user2 = nowy użytkownik („John”, „Doe”, 47, 02);
const user3 = nowy użytkownik („Jane”, „Doe”, 34, 03);
const user4 = nowy użytkownik („John”, „Smith”, 18, 04);
const user5 = nowy użytkownik („Mary”, „Anne”, 22, 05);

Teraz, jeśli spróbujemy uzyskać dostęp do rok urodzenia() Metoda i wydrukuj na konsoli za pomocą konsola.dziennik() Metoda, wtedy otrzymamy następujące dane wyjściowe:

konsola.Log (User1.rok urodzenia());
konsola.log (user2.rok urodzenia());
konsola.Log (User3.rok urodzenia());
konsola.log (user4.rok urodzenia());
konsola.Log (User5.rok urodzenia());

Jak używać metod Getter i Setter

Metody Getter i Setter można użyć w klasie, aby uzyskać i ustawić wartość właściwości w obiekcie. Użyj Dostawać Lub ustawić Słowo kluczowe, aby użyć odpowiednio metody Getter lub Setter:

classUser
konstruktor (nazwa FirstName, LastName, wiek, id)
Ten.fname = FirstName;
Ten.lname = lastName;
Ten.wiek = wiek;
Ten.id = id;

Pobierz userage ()
powrót.wiek;

Ustaw userage (i)
Ten.wiek = i;


const user1 = nowy użytkownik („Mary”, „Jane”, 23, 01);
konsola.Log (User1.wiek); // wyprowadzi 23
// Ustawianie wartości nieruchomości wiekowej
użytkownik 1.userage = 24;
konsola.Log (User1.wiek); // wyprowadzi 24

Wniosek

Klasy to szablony kodu używane do tworzenia nowych obiektów o podobnych właściwościach i metodach. Przydają się, gdy koder musi tworzyć kilka różnych obiektów o podobnych właściwościach.

W tym artykule omówiliśmy zajęcia. Nauczyliśmy się ich używać do tworzenia obiektów. Ponadto nauczyliśmy się dodawać różne metody do obiektów za pomocą klas.