English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript Grundtutorials

JavaScript Objekt

JavaScript Funktion

JS HTML DOM

JS Browser BOM

AJAX Grundtutorials

JavaScript Referenzhandbuch

JavaScript Objekt-Prototyp

Prototypist ein Mechanismus, durch den JavaScript-Objekte ihre Eigenschaften voneinander erben.

Im vorherigen Kapitel haben wir gelernt, wie manKonstruktor:

function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
}
var Seagull = new User("Seagull", "Anna", 22, "New Delhi");
var tarush = new User("Tarush", "Balodhi", 34, "Bihar");
Testen Sie heraus‹/›

Wir haben auch erfahrenKann nichtFügen Sie neue Eigenschaften dem bestehenden Objekt-Konstruktor hinzu:

User.weapon = "Sword";
Testen Sie heraus‹/›

Um neue Eigenschaften zum Konstruktor hinzuzufügen, muss sie im Konstruktor hinzugefügt werden:

function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
   this.weapon = "Sword";
}
Testen Sie heraus‹/›

Manchmal möchten wir später neue Attribute und Methoden zu einem Konstruktor hinzufügen, der zwischen allen Objekten (Beispielen) gemeinsam genutzt wird. Die Antwort ist das ObjektPrototyp

Verwenden Sie die prototype-Eigenschaft

Die prototype-Eigenschaft ermöglicht es Ihnen, Attribute und Methoden zum Konstruktor hinzuzufügen.

In diesem Beispiel ermöglicht die prototype-Eigenschaft, neue Attribute zum Konstruktor des User-Objekts hinzuzufügen:

function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
}
User.prototype.weapon = "Sword";
Testen Sie heraus‹/›

In diesem Beispiel ermöglicht die prototype-Eigenschaft, neue Methoden zum Konstruktor des User-Objekts hinzuzufügen:

function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
}
User.prototype.fullName = function() {
return this.firstName + " " + this.lastName;
};
Testen Sie heraus‹/›

Hinweis:Ändern Sie nur Ihre eigenen Prototypen. Ändern Sie nicht den Standard (integrierten) JavaScript-Objektprototypen.