Wie erstellt man Konstruktoren in JavaScript-Objekten?

Konstruktoren in JavaScript-Objekten

JavaScript-Objekte können Konstruktoren haben. Im Gegensatz zu anderen Programmiersprachen verwendet JavaScript kein spezielles Schlüsselwort wie „constructor“, um einen Konstruktor zu definieren. Stattdessen werden Konstruktoren mithilfe von Prototypen erstellt.

Konstruktoren mit Prototypen erstellen:

Bei diesem Ansatz wird eine Konstruktorfunktion mit einem großgeschriebenen Namen erstellt. Innerhalb des Konstruktors werden die Eigenschaften des Objekts mithilfe des Schlüsselworts this zugewiesen. Um auf die Eigenschaften und Methoden aller mit diesem Konstruktor erstellten Objekte zuzugreifen, wird ein Prototyp erstellt. Der Prototyp kann Methoden und Eigenschaften enthalten, die von allen von diesem Konstruktor erstellten Objekten geerbt werden.

<code class="javascript">function Box(color) // Constructor
{
    this.color = color;
}

Box.prototype.getColor = function()
{
    return this.color;
};</code>

In diesem Beispiel akzeptiert der Konstruktor Box einen Parameter Farbe und weist ihn der Farbeigenschaft des Objekts zu. Der Prototyp des Box-Konstruktors definiert eine Methode namens getColor, die die Farbeigenschaft des Objekts zurückgibt.

Private Mitglieder ausblenden:

Um Eigenschaften vor externem Zugriff auszublenden, a Variable kann innerhalb der Konstruktorfunktion deklariert werden und nur über eine Methode aufgerufen werden. Dies ist kein echtes privates Mitglied, bietet jedoch eine Form der Kapselung.

<code class="javascript">function Box(col)
{
   var color = col;

   this.getColor = function()
   {
       return color;
   };
}</code>

In diesem Beispiel wird die Farbeigenschaft als Variable innerhalb des Konstruktors deklariert und ist außerhalb des Konstruktors nicht zugänglich. Die getColor-Methode bietet Zugriff auf die Farbeigenschaft.

Verwendung:

Um Objekte mit dem Konstruktor zu erstellen, wird das Schlüsselwort new verwendet. Der folgende Code zeigt die Verwendung von Konstruktoren:

<code class="javascript">var blueBox = new Box("blue");
alert(blueBox.getColor()); // will alert blue

var greenBox = new Box("green");
alert(greenBox.getColor()); // will alert green</code>

Das obige ist der detaillierte Inhalt vonWie erstellt man Konstruktoren in JavaScript-Objekten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!