Konstruktormethode in JavaScript

Konstruktormethode in JavaScript
In JavaScript, Die Konstruktormethode wird aufgerufen, wenn Sie eine Instanz einer Klasse erstellen. Es wird auch verwendet, um Objekte innerhalb einer Klasse zu initialisieren. JavaScript erstellt jedoch automatisch einen leeren Konstruktor, wenn Sie keine Konstruktormethode für eine Klasse definiert haben.

Konstruktoren in JavaScript können unterschiedliche Typen sein, wie die Eingebaut JavaScript Konstruktoren, Die Benutzerdefinierte Konstruktorfunktion, und das Konstruktormethode einer benutzerdefinierten Klasse. Abhängig von den Anforderungen können Sie diese Konstruktoren zum Erstellen und Initialisieren des Objekts oder einer Instanz einer Klasse verwenden und initialisieren.

In diesem Artikel werden die Konstrukteure und ihre Typen in JavaScript mit Hilfe geeigneter Beispiele erörtert.

Konstruktormethoden in JavaScript

In JavaScript gibt es zwei Arten von Konstruktormethoden:

  • Standardkonstruktor
  • Parametrisierter Konstruktor

Der untergegebene Abschnitt erklärt kurz die Standard- und parametrisierten Konstruktoren und deren Verwendung in JavaScript.

Standardkonstruktorenmethode in JavaScript

A Standardkonstruktor wird automatisch von JavaScript erstellt, wenn Sie in einer bestimmten Klasse keine Konstruktormethode hinzugefügt haben. Wenn Sie beim Erstellen eines Klassenobjekts jedoch einen bestimmten Betrieb ausführen möchten, können Sie eine Standardkonstruktormethode explizit definieren.

Syntax der Standardkonstruktormethode in JavaScript

Klassenname
Konstrukteur()
// Körper des Standardkonstruktors

Notiz: Der Konstruktormethode Hat keinen expliziten Rückgabetyp.

Beispiel: Standardkonstruktor -Methode in JavaScript

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

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


const Employee1 = neuer Mitarbeiter ();
Konsole.Log ("Mitarbeitername:" + Mitarbeiter1.Name);
Konsole.log ("Alter:" + Mitarbeiter1.Alter);

Die Ausführung des angegebenen Programms erstellt eine “Mitarbeiter1"Objekt der"MitarbeiterKlasse durch Verwendung des Standardkonstruktors. Die Standard -Konstruktor -Methode initialisiert dann die angegebenen Eigenschaften für die “Mitarbeiter1" Objekt. Zuletzt die “Konsole.Protokoll()Die Methode wird die im "gespeicherten Werte" ausdruckenMitarbeiter1.Name" Und "Mitarbeiter1.Alter" Eigenschaften:

Die Verwendung des Standardkonstruktors ist hilfreich, wenn Sie die Eigenschaften aller erstellten Objekte mit demselben Wert initialisieren möchten. Was ist jedoch, wenn Sie den Objekten beim Erstellen einige eindeutige Werte zuweisen müssen? In JavaScript können Sie diese Funktionalität mithilfe der “erreichenParametrisierter Konstruktor" Methode.

Parametrisierte Konstruktormethode in JavaScript

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

Syntax der parametrisierten Konstruktormethode in JavaScript

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

Hier akzeptiert der parametrisierte Konstruktor Parameter als "übergeben als"Argumente”Beim Erstellen eines Klassenobjekts.

Beispiel: Parametrisierte Konstruktormethode in JavaScript

Wir erstellen eine parametrisierte Konstruktormethode für die “MitarbeiterKlasse, die die Eigenschaften mit den als Argumenten übergebenen Werten initialisiert:

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

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

const Employee1 = neuer Mitarbeiter ("Stepheny", 25);
Konsole.Log ("Mitarbeitername:" + Mitarbeiter1.Name);
Konsole.log ("Alter:" + Mitarbeiter1.Alter);

Ausgang

Die oben gegebene Ausgabe bedeutet, dass wir erfolgreich eine erstellt haben “Mitarbeiter1Objekt mit den angegebenen Eigenschaftswerten mit Hilfe der parametrisierten Konstruktormethode.

Lassen Sie uns nun die integrierten Konstrukteure von JavaScript diskutieren.

Integrierte Konstruktoren in JavaScript

Die eingebauten Konstruktoren sind auch als bekannt als als Objektkonstruktoren. In JavaScript, wenn ein Objekt der Klasse “ObjektErstellt wird der Objektkonstruktor direkt aufgerufen, was beim Erstellen des Objekts der angegebenen Klasse unterstützt wird.

JavaScript bietet integrierte Konstruktoren für verschiedene vordefinierte Klassen wie “Array","Datum","Saite","Nummer","Boolean", Und "Objekt”.

Der folgende Abschnitt zeigt die Verwendung einiger eingebauter JavaScript-Konstrukteure.

Beispiel: Eingebauter Objektkonstruktor in JavaScript

Um ein einfaches Objekt zu erstellen, können Sie das verwenden “Objekt”Klassenkonstruktor. Zu diesem Zweck müssen Sie eine „bestehen“Wert”Als Argument beim Aufrufen des Object () -Konstruktors:

neues Objekt ([Wert])

In diesem Beispiel werden wir zwei benannte Objekte erstellen “Mitarbeitername" Und "Beschäftigung"Durch die Verwendung der"ObjektKlassenkonstruktor:

var Employeename = neues Objekt ("Alex");
var Employeageage = neues Objekt (25);
Konsole.log ("Mitarbeitername:"+ Mitarbeiterame)
Konsole.log ("Alter:"+ Mitarbeiterage);

Ausgang

Denken Sie daran, dass Sie einen Wert in der “angeben könnenObjekt()Konstruktor, und es ändert die Art des erstellten Objekts nicht. Zum Beispiel haben wir initialisiert “Mitarbeitername”Mit einem Stringwert und“Beschäftigung”Enthält einen Zahlenwert. Trotzdem der Typ der “Mitarbeitername" Und "Beschäftigung" ist eingestellt auf "Objekt”:

Beispiel: Array-integrierter Konstruktor in JavaScript

In ähnlicher Weise der eingebaute Konstruktor der “ArrayDie Klasse kann zum Erstellen eines Objekts verwendet werden, das Array -Elemente enthält:

Neuarray ([Wert])

Durch die Verwendung des Array () -Klass -Konstruktors werden wir nun eine erstellen “Mitarbeiter"Objekt, das drei Array -Elemente umfasst"Alex","Paul", Und "Max”:

var Employees = New Array ('Alex', 'Paul', 'Max');
Konsole.Protokoll (Mitarbeiter);
Konsole.log (typeof Mitarbeiter);

Ausgang

Die in einer benutzerdefinierte Klasse hinzugefügte Konstruktormethode hat ihre eigene Bedeutung. Ihr Umfang ist jedoch eingeschränkt, da Sie diese Konstruktoren während Ihrer Anwendung nicht verwenden können, wenn die Erstellung eines Objekts erforderlich ist. Außerdem erlaubt der eingebaute Konstruktor Sie nicht, sich selbst anzupassen.

In einem solchen Szenario können Sie eine erstellen Benutzerdefinierte Konstruktorfunktion In JavaScript zum Anpassen des Verhaltens eines Konstruktors, der überall in einem Programm verwendet werden kann.

Benutzerdefinierte Konstruktorfunktion in JavaScript

Die benutzerdefinierte Konstruktorfunktion ist nützlich, wenn Sie mehrere Objekte mit denselben Eigenschaften und Methoden erstellen. Diese Funktionen ähneln den regulären Funktionen, außer dass sie mit aufgerufen werdenneu" Stichwort.

Syntax der benutzerdefinierten Konstruktorfunktion in JavaScript

Funktionsfunktionsname (Parameter1, Parameter2…, Parametern)

// Körper der benutzerdefinierten Konstruktorfunktion

Hier akzeptiert der benutzerdefinierte Funktionskonstruktor Parameter als "übergeben als"Argumente”Beim Erstellen eines Objekts.

Beispiel 1: Benutzerdefinierte Konstruktorfunktion in JavaScript

Wir werden eine benutzerdefinierte Konstruktorfunktion mit dem Namen “definieren“Mitarbeiter"Das umfasst"Name" Und "Alter"Eigenschaften und eine"Zeige Info()" Methode. Beachten Sie, dass der Name der benutzerdefinierten Funktion “MitarbeiterBeginnt mit dem Großbuchstaben, der es von den regulären Funktionen unterscheidet:

Funktionsangestellter (Name, Alter)
Das.Name = Name;
Das.Alter = Alter;
Das.showInfo = function ()
Rückgabe "Mitarbeitername:"+ dies.Name + ", Alter:" + das.Alter;
;

Im nächsten Schritt werden wir zwei Objekte definieren “Mitarbeiter1" Und "Mitarbeiter2" Verwendung der "MitarbeiterKonstruktorfunktion:

var Employee1 = neuer Mitarbeiter ('Alex', 25);
var Employee2 = neuer Mitarbeiter ('Paul', 35);

Zuletzt rufen Sie die an “Zeige Info()Die Methode für die erstellten Objekte zeigt die Werte der Eigenschaften, die als Argumente übergeben wurden:

Konsole.Protokoll (Mitarbeiter1.Zeige Info());
Konsole.Protokoll (Mitarbeiter2.Zeige Info());

Ausgang

Wir haben die wesentlichen Informationen zu Konstruktormethoden, integrierten Konstruktoren und benutzerdefinierten Konstruktorfunktionen in JavaScript zusammengestellt.

Abschluss

Konstruktoren in JavaScript können unterschiedliche Typen sein, wie die Integrierte JavaScript-Konstruktoren, Die Benutzerdefinierte Konstruktorfunktion, Und Die Konstruktormethode einer benutzerdefinierten Klasse. Die Konstruktormethode ist weiter unterteilt in Standard Und Parametrisiert Konstruktoren. Abhängig von den Anforderungen können Sie diese Konstruktoren zum Erstellen und Initialisieren des Objekts oder einer Instanz einer Klasse verwenden und initialisieren. In diesem Artikel wurde die Konstrukteure und ihre Typen in JavaScript mit Hilfe geeigneter Beispiele besprochen.