OOP -Klassen in JavaScript | Erklärt

Vor Es6, “PrototypenWurden verwendet, um Klassen in JavaScript zu simulieren, wobei zusätzliche Eigenschaften mit einem Prototyp unter Verwendung der Vererbung zugeordnet werden können. Wenn eine neue und verbesserte Version von Es5 wurde eingeführt, bekannt als Es6, JavaScript -Klassen wurden dazu hinzugefügt.

In ES6 werden Klassen als grundlegende Bestandteil von JavaScript angesehen, und es hat viel einfacher Und fehleranfällig Syntax im Vergleich zu Prototypen. Ähnlich wie bei der objektorientierten Programmierung (OOP) umfasst die JavaScript-Klasse eine Konstruktormethode, einige spezifische Eigenschaften, Methoden und Objekte des angegebenen Klassentyps.

Dieser Beitrag erklärt OOP -Klassen In JavaScript mit Hilfe geeigneter Beispiele. So lass uns anfangen!

OOP -Klassen in JavaScript

Wie bereits erwähnt, werden JavaScript -Klassen in eingeführt Es6. Sie bieten eine präzise Art, Klasse zu deklarieren, indem sie eine Syntax verwenden, die dem ähnlich wie in OOP verwendet wird.

In JavaScript können Sie das verwenden “KlasseSchlüsselwort zur Definition einer Klasse. Es fügt syntaktischen Zucker (eine gute Art von Zucker) über das vorhandene Prototyp -Vererbungsmuster hinzu.

Syntax von OOP -Klassen in JavaScript

Um eine OOP-Klasse in JavaScript zu erstellen, müssen Sie der folgenden Syntax folgen:

Klassenname
Konstrukteur() …

Hier, "KlasseIst ein Schlüsselwort, das zum Erstellen einer Klasse verwendet wird. Außerdem muss eine OOP -Klasse eine Methode namens namens “haben“Konstrukteur()”.

Beispiel: Erstellen Sie die OOP -Klasse in JavaScript

Wir werden eine Klasse namens definieren “Person"Das hat zwei Eigenschaften:"Name" Und "Alter”:

Klassenperson
Konstrukteur()
Das.name = 'Alex';
Das.Alter = 25;

Um die Personklasse zu nutzen, müssen wir eine erstellen Objekt oder Beispiel der angegebenen Klasse:

Sei Person1 = neue Person ();

Jetzt, "Person1"Objekt kann auf die Eigenschaften der" zugreifen "Person" Klasse:

Konsole.Protokoll (Person1.Name + "" + Person11.Alter);

Wie bereits erwähnt, muss eine OOP -Klasse in JavaScript einen Konstruktor enthalten. Möchten Sie mehr über Konstruktoren in JavaScript erfahren? Wenn ja, befolgen Sie den untergegebenen Abschnitt.

Konstruktoren für OOP -Klassen in JavaScript

Konstrukteur ist eine Methode, die aufgerufen wird, wenn Sie eine Instanz einer OOP -Klasse erstellen. Es wird auch verwendet, um Objekte innerhalb einer Klasse zu initialisieren. JavaScript erstellt jedoch automatisch einen leeren Konstruktor, wenn Sie keine Konstruktor -Methode für eine OOP -Klasse definiert haben.

Arten von Konstruktoren für OOP -Klassen in JavaScript

In JavaScript gibt es die folgenden zwei Arten von Konstruktoren:

• Standardkonstruktor
• Parametrisierter Konstruktor

Im nächsten Abschnitt wird der Standard- und parametrisierte Konstruktor und deren Verwendung in JavaScript kurz erläutert.

Standardkonstruktor für OOP -Klassen in JavaScript

Sie können auch einen Standardkonstruktor ohne Argumente explizit definieren, wenn Sie beim Erstellen eines OOP -Klassenobjekts eine bestimmte Operation ausführen möchten.

Syntax des Standardkonstruktors in JavaScript

Klassenname
Konstrukteur()
// Körper des Standardkonstruktors

Beispiel: Standardkonstruktor für OOP -Klassen in JavaScript

Im folgenden Beispiel definieren wir einen Standardkonstruktor für die “Person" Klasse. Nach der Definition der “Konstrukteur()"Methode, wann immer ein"Person"Klassenobjekt wird erstellt, es wird seine initialisieren"Name”Eigentum zu“Alex", Und "AlterEigentum als "25.”

Klassenperson
Konstrukteur()
Das.name = 'Alex';
Das.Alter = 25;


const person1 = new Person ();
Konsole.log ("Name:" + Person11.Name);
Konsole.log ("Alter:" + Person11.Alter);

Die Ausführung des angegebenen Programms erstellt eine “Person1"Objekt der"PersonOOP -Klasse, indem Sie den Standardkonstruktor verwenden. Der Standardkonstruktor initialisiert dann die angegebenen Eigenschaften für die “Person1" Objekt. Zuletzt die “Konsole.Protokoll()Die Methode wird die im "gespeicherten Werte" ausdruckenPerson1.Name" Und "Person1.Alter" Eigenschaften:

In einer OOP -Klasse ist die Verwendung des Standardkonstruktors nützlich, wenn Sie die Eigenschaften aller erstellten Objekte mit demselben Wert initialisieren möchten. Was ist jedoch, wenn Sie dem Objekt beim Erstellen einige eindeutige Werte zuweisen müssen? In JavaScript können Sie diese Funktionalität mithilfe der “erreichenParametrisierter Konstruktor”.

Parametrisierter Konstruktor für OOP -Klassen in JavaScript

Ein Konstruktor, der Parameter umfasstParametrisierter Konstruktor“. Diese Art von Konstruktor wird hauptsächlich verwendet, wenn Sie die Eigenschaften der JavaScript -OOP -Klasse mit einigen spezifischen Werten initialisieren möchten.

Syntax des parametrisierten Konstruktors in JavaScript

Klassenname
Constructor (Parameter1, Parameter2…, Parametern)
// Körper des parametrisierten Konstruktors

Der parametrisierte Konstruktor akzeptiert Parameter als "übergeben als"Argumente”Beim Erstellen eines OOP -Klassenobjekts.

Beispiel: Parametrisierter Konstruktor für OOP -Klassen in JavaScript

Wir erstellen einen parametrisierten Konstruktor für die “PersonKlasse, die die Eigenschaften mit den als Argumenten übergebenen Werten initialisiert:

Klassenperson
Konstruktor (Name, Alter)
Das.Name = Name;
Das.Alter = Alter;

Im untergegebenen Code “,“Person1"Objekt der"Person"Die Klasse wird unter Verwendung des parametrisierten Konstruktors erstellt, wobei"Max"Wird als" bestanden "NameImmobilienwert und “25"Argument repräsentiert den Wert von"Alter" Eigentum:

const person1 = neue Person ("max", 25);
Konsole.log ("Name:" + Person11.Name);
Konsole.log ("Alter:" + Person11.Alter);

Die folgende Ausgabe bedeutet, dass wir erfolgreich eine erstellt haben “Person1Objekt mit den angegebenen Eigenschaftswerten mit Hilfe des parametrisierten Konstruktors:

Wir haben über das Erstellen von OOP -Klassen, ihre damit verbundenen Objekte und das Definieren von Standard- und parametrisierten Konstruktoren gesprochen. Jetzt werden wir weiterentwickeln und eine andere kritische Komponente einer OOP -Klasse diskutieren, die istMethode”.

Methoden in OOP -Klassen in JavaScript

Methoden sind eine Art von Funktion, die mit spezifischen JavaScript -OOP -Klassen verbunden ist. Sie arbeiten auch als Mitgliedsfunktion, wenn sie in einer Klasse definiert sind und können verwendet werden, um auf die Eigenschaften der Klasse zuzugreifen.

Syntax von Methoden für OOP -Klassen in JavaScript

Klassenname
methodName
// Körper des Methodnamens

Notiz: Der Name einer OOP -Klassenmethode muss in sein Kleinbuchstaben.

Beispiel: Methoden in OOP -Klassen in JavaScript

Im gleichen "Person"Klasse, wir werden eine" definieren "DisplayInfo ()Methode, die die Werte von “zurückgeben“Name" Und "AlterEigenschaften für ein bestimmtes Objekt:

displayInfo ()
return ("Name:" + dies.Name + "Alter:" + dies.Alter);

Danach erstellen wir ein Objekt der “Person" Klasse:

const person1 = neue Person ("max", 25);

Als nächstes werden wir uns auf das anrufenDisplayInfo ()"Durch die Verwendung des"Person1" Objekt:

Person1.displayInfo ();

Der "DisplayInfo ()"Methode gibt die" zurück "Name" Und "Alter"Werte der"Person1" Objekt:

Wir haben die wesentlichen Informationen zur OOP -Klasse in JavaScript zusammengestellt.

Abschluss

Verwendung der "KlasseSchlüsselwort, Sie können eine definieren OOP -Klasse In JavaScript. In ES6 wurden die JavaScript -Klassen eingeführt, um syntaktischen Zucker (eine gute Art von Zucker) über das vorhandene Prototyp -Vererbungsmuster hinzuzufügen. Ähnlich wie bei OOP umfasst die JavaScript -Klasse eine Konstruktormethode, einige spezifische Eigenschaften, Methoden und Objekte des angegebenen Klassentyps. Diese Beschreibung erklärte OOP -Klassen In JavaScript mit Hilfe geeigneter Beispiele.