Anfängerleitfaden für Klassen in JavaScript

Klassen sind eine Vorlage/Blaupause für Objekte. Sie vereinfachen den Prozess des Erstellens mehrerer Objekte mit ähnlichen Eigenschaften und Methoden. Die Klassen waren in ES5 nicht vorhanden und wurden in der ES6 -Version von JavaScript eingeführt. Klassen sind lediglich syntaktischer Zucker in JavaScript, die auf Prototypen aufgebaut sind und auf die gleiche Weise hinter den Kulissen arbeiten.

So verwenden Sie Klassen in JavaScript

Nehmen wir das Beispiel eines Programmierers, der fünf Objekte für fünf verschiedene Benutzer erstellen muss. Er wird den folgenden Code schreiben:

const user1 =
Fname: "Mary" ,
LNAME: "Jane" ,
Alter: 23 ,
ID: 01
;
const user2 =
Fname: "John" ,
LNAME: "Doe" ,
Alter: 47 ,
ID: 02
;
const user3 =
Fname: "Jane" ,
LNAME: "Doe" ,
Alter: 34 ,
ID: 03
;
const user4 =
Fname: "John" ,
LNAME: "Smith" ,
Alter: 18 ,
ID: 04
;
const user5 =
Fname: "Mary" ,
LNAME: "Anne" ,
Alter: 22 ,
ID: 05
;

Im obigen Beispiel hat der Code eine Menge Wiederholungsfähigkeit, da alle Objekte ähnliche Eigenschaften haben. Wir können die Wiederholung im Code leicht beseitigen und sie durch die Verwendung einer Klasse mehr organisiert machen.

In JavaScript die Klasse Schlüsselwort wird verwendet, um eine Klasse zu erstellen. Klassen in JavaScript verwenden eine Methode mit dem Namen Konstrukteur(). Es wird beim Erstellen eines neuen Objekts automatisch ausgeführt. Es initialisiert die Eigenschaften des Objekts.

Klasser
Konstruktor (FirstName, Lastname, Alter, ID)
Das.fname = FirstName;
Das.lNAME = LastName;
Das.Alter = Alter;
Das.id = id;

Im obigen Beispiel haben wir eine neue Klasse namens erstellt Benutzer. Es dient als Vorlage/Blaupause für alle Benutzerobjekte, die wir machen möchten. Der Konstruktor nimmt vier Argumente ein und macht vier Eigenschaften für jedes Objekt. Diese Eigenschaften werden benannt fname, lname, Alter, Und Ausweis und kann durch die Verwendung der folgenden Syntax zugegriffen werden (nachdem wir das Objekt erstellt haben)

Objektname.Name des Anwesens

Der 'Das' Schlüsselwort im Beispiel bezieht sich auf das Objekt, dem das gehört Alter Eigentum. Dieses Schlüsselwort wird verwendet, um auf den Wert einer Eigenschaft innerhalb eines Objekts zuzugreifen.

Jetzt erstellen wir die im ersten Beispiel angezeigten Benutzerobjekte mit der Benutzer Klasse.

Klasser
Konstruktor (FirstName, Lastname, Alter, ID)
Das.fname = FirstName;
Das.lNAME = LastName;
Das.Alter = Alter;
Das.id = id;


const user1 = newUser ('mary', 'jane', 23, 01);
const user2 = neuer Benutzer ('John', 'doe', 47, 02);
const user3 = neuer user ('jane', 'doe', 34, 03);
const user4 = neuer Benutzer ('John', 'Smith', 18, 04);
const user5 = neuer Benutzer ('Mary', 'Anne', 22, 05);

Hier können Sie sehen, dass der Code viel lesbarer geworden ist.

Was sind Methoden in JavaScript -Klassen

Wir können auch Methoden zu Klassen in JavaScript hinzufügen. Diese Methoden können nach dem Konstruktor leicht zum Körper der Klasse hinzugefügt werden, indem die gleiche Syntax verwendet wird, die in Objekten verwendet wird:

Klasser
Konstruktor (FirstName, Lastname, Alter, ID)
Das.fname = FirstName;
Das.lNAME = LastName;
Das.Alter = Alter;
Das.id = id;

Geburtsjahr()
const date = newdate ();
lass Jahr = Datum.kartungslos () - dies.Alter;
Rückkehrjahr;


const user1 = neuer user ('mary', 'jane', 23, 01);
const user2 = neuer Benutzer ('John', 'doe', 47, 02);
const user3 = neuer user ('jane', 'doe', 34, 03);
const user4 = neuer Benutzer ('John', 'Smith', 18, 04);
const user5 = neuer Benutzer ('Mary', 'Anne', 22, 05);

Wenn wir jetzt versuchen, auf die zuzugreifen Geburtsjahr() Methode und drucken Sie es auf der Konsole mit der Konsole.Protokoll() Methode, dann erhalten wir die folgende Ausgabe:

Konsole.log (user1.Geburtsjahr());
Konsole.Protokoll (user2.Geburtsjahr());
Konsole.log (user3.Geburtsjahr());
Konsole.Protokoll (user4.Geburtsjahr());
Konsole.Protokoll (Benutzer5.Geburtsjahr());

So verwenden Sie die Getter- und Setter -Methoden

Die Getter- und Setter -Methoden können in einer Klasse verwendet werden, um den Wert einer Eigenschaft in einem Objekt zu erhalten und festzulegen. Benutze die erhalten oder Satz Schlüsselwort zur Verwendung der Getter- oder Setter -Methode:

Klasser
Konstruktor (FirstName, Lastname, Alter, ID)
Das.fname = FirstName;
Das.lNAME = LastName;
Das.Alter = Alter;
Das.id = id;

userage ()
Rückkehr.Alter;

Setzen Sie die Benutzerage (i)
Das.Alter = i;


const user1 = neuer user ('mary', 'jane', 23, 01);
Konsole.log (user1.Alter); // Ausgabe 23
// Setzen Sie den Wert der Alterseigenschaft fest
Benutzer1.userage = 24;
Konsole.log (user1.Alter); // Ausgabe 24

Abschluss

Klassen sind Codevorlagen, die zum Erstellen neuer Objekte mit ähnlichen Eigenschaften und Methoden verwendet werden. Sie sind nützlich, wenn der Kodierer verschiedene Objekte mit ähnlichen Eigenschaften erstellen muss.

In dieser Beschreibung haben wir Unterricht besprochen. Wir haben gelernt, wie man sie verwendet, um Objekte zu erstellen. Darüber hinaus haben wir gelernt, Objekten mit Klassen verschiedene Methoden hinzuzufügen.