Klassen in JavaScript | Für Anfänger erklärt

Klassen in einer Programmiersprache sind ein Merkmal, das zum traditionellen objektorientierten Ansatz gehört und in JavaScript einige der gleichen Merkmale enthält. Die Klasse in der Programmierung ist eine Struktur zum Erstellen von Objekten

Die Klassen wurden 2015 mit der Veröffentlichung der ES6 -Version von JavaScript hinzugefügt. Klassen sind die Zuordnung für echte Objekte in Programmiersprachenobjekte.

Warum eine Klasse erstellen

Um Zeit zu sparen und Redundanz zu vermeiden, sind dies die Hauptgründe, warum Klassen in JavaScript verwendet werden. Zum Beispiel, wenn Sie Objekte von 50 Personen mit fast den gleichen Eigenschaften herstellen möchten: Vorname, Nachname und Alter; Sie müssen die Struktur von 50 verschiedenen Objekten schreiben. Mit den Verwendungsklassen können Sie jedoch eine einzelne Vorlage erstellen und unendliche Objekte auf derselben Vorlage zuordnen.

Darüber hinaus werden in Bezug auf den objektorientierten Ansatz die Klassen verwendet, um das Konzept der Modularität innerhalb eines Projekts zu implementieren und Entwicklungsprozesse wie den inkrementellen Entwicklungsprozess einfach zu implementieren.

Wie man eine Klasse definiert

Um eine Klasse zu definieren, verwenden Sie das reservierte Keyword "Klasse" und dann der Name der Klasse und geschweifte Klammern Nach der Kennung. Die Daten der Klasse sind in den lockigen Klammern geschrieben.

Ein einfaches Beispiel von Person Klasse wäre wie:

Klassenperson
// Daten der Klasse - Konstruktor, Variablen und Methoden

Wie man mit einer JavaScript -Klasse arbeitet

Um mit einer Klasse zu arbeiten, muss es einige Eigenschaften des Objekts und einer Konstruktormethode haben. Um die Arbeit von Klassen und Objekten zu demonstrieren, werden wir eine Klasse für Menschen mit der Kennung erstellen "Person". Um eine Personklasse zu erstellen, können Sie daher die folgenden Codezeilen verwenden:

Klassenperson
// später kommt der Code hier in die Klasse hinein

Klassenvariablen sind Variablen, die als Eigenschaften der Objekte bekannt sind. Diese Variablen können auch Variablen sein, die für eine bestimmte Klassenmethode erforderlich sind.

Für die Personklasse erstellen Sie die Klassenvariablen: Vorname, Familienname, Nachname, Alter, Und Arbeit, Der folgende Code in den Curly -Klammern der Klasse wird verwendet:

Vorname;
Familienname, Nachname;
Alter;
Arbeit;

Der Konstruktor Methode wird automatisch ausgeführt, wenn ein neues Objekt erstellt wird. Die Konstruktormethode ist für eine Klasse obligatorisch, aber es ist für den Entwickler optional, eine Konstruktormethode zu erstellen, da JavaScript eine leere Konstruktormethode für die Klassen ohne Konstruktor erstellt.

Die Konstruktormethode wird durch die Verwendung des reservierten Keyword -Konstruktors erstellt und runde Klammern vor sich stellt. Innerhalb dieser Klammern können Sie die Argumente definieren, damit ein Objekt in dieser Klasse zugeordnet ist, und sogar Standardparameter verwenden.

Um einen Konstruktor für die zu erstellen Person Klasse Der folgende Code wird verwendet, um die Werte den Eigenschaften des Objekts zuzuweisen.

Konstruktor (FirstName = "John", Lastname = "Doe", Alter = 20, Job = "Freelancer")
Das.FirstName = FirstName;
Das.LastName = LastName;
Das.Alter = Alter;
Das.Job = Job;

Wie Sie im obigen Code sehen können, verwenden wir Standardparameter, um ein leeres Argument zu vermeiden.

Klassenmethoden sind normale Funktionen, auf die durch die Verwendung des DOT -Operator “.” Mit der Kennung des Objekts, aber im Gegensatz zu normalen Funktionen das Schlüsselwort "Funktion" wird nicht verwendet, um eine Klassenmethode zu definieren; Sie geben vielmehr den Namen der Methode ein und setzen runde Klammern vor und schreiben JavaScript -Code der in eingeschlossenen Methode geschweifte Klammern .

Sie erstellen eine Methode, mit der die Details des Personobjekts mit den folgenden Codezeilen gedruckt werden:

printdetails ()
Konsole.Log ("Name:" + dies.FirstName + "" + dies.Familienname, Nachname);
Konsole.log ("Alter:" + das.Alter);
Konsole.Log ("Job:" + das.Arbeit);

Sie haben eine grundlegende Klasse von Person abgeschlossen. Der vollständige Code dieser Klasse lautet wie:

clascernson
Vorname;
Familienname, Nachname;
Alter;
Arbeit;
Konstrukteur(
FirstName = "John",
Lastname = "Doe",
Alter = 20,
Job = "Freiberufler"
)
Das.FirstName = FirstName;
Das.LastName = LastName;
Das.Alter = Alter;
Das.Job = Job;

printdetails ()
Konsole.Log ("Name:" + dies.FirstName + "" + dies.Familienname, Nachname);
Konsole.log ("Alter:" + das.Alter);
Konsole.Log ("Job:" + das.Arbeit);

Zuordnung und Verwendung von Objekten gegen Klassen

Jetzt müssen Sie Objekte in dieser Klasse kartieren. Dafür erstellen Sie ein Objekt P1 und setzen Sie es gleich dem Konstruktor der Personklasse mit dem Schlüssel "neu". Sie können sogar mehr Objekte erstellen und ihnen die gewünschten Namen geben. Dies würde unsere Objektvariable der Klassenperson zuordnen. Wir können unendliche Mengen von Objekten gegen diese Klassenperson erstellen.

p1 = neue Person ("William", "Mark", 35, "Schriftsteller");
p2 = neue Person ("Henry", "Clark", 22, "Auditor");

Zugreifen auf die printdetails () Methode sowohl des Objekts, das wir nur verwenden müssen Dot-Operator wie:

P1.printDetails ();
p2.printDetails ();

Nachdem Sie den gesamten Code ausgeführt haben, sehen Sie diese Ausgabe auf der Konsole:

Wie Sie im Snippet oben sehen können, haben wir die Details von 2 verschiedenen Objekten mit denselben Eigenschaften, aber unterschiedlichen Werten ausgedruckt.

Abschluss

Klassen in JavaScript werden verwendet, um eine Zuordnung für die Objekte mit denselben Eigenschaften und Funktionen zu definieren. Diese Klassen werden auch als Implementierung der Modularität unter Verwendung des objektorientierten Ansatzes bezeichnet. Wir haben gelernt, was Klassen sind, wie man sie definiert, wie man mit ihnen arbeitet und wie man sie verwendet, um Objekte zusammen mit Beispielen zu erstellen.