Details zum Überschreiben von Prototypmethoden in JavaScript-Instanzobjekten

In JavaScript können wir normalerweise einfach eine Klasse wie den folgenden Code definieren:

var Beispiel = Funktion() {
    // Konstruktorcode hier 
}

Beispiel.Prototyp.func1 = Funktion() {
    // func1-Code hier
}

Beispiel.Prototyp.func2 = Funktion() {
    // func2-Code hier
}

/* hier finden Sie weitere Beispiele für Prototypfunktionen ... */

Verwenden Sie dann den folgenden Code, um die Prototypmethode zu instanziieren und darauf zuzugreifen:

var sampleInstance = neues Sample();
Beispielinstanz.func1();
sampleInstance.func2();
// Weitere Beispielobjekt-Prototypfunktionen aufrufen

Aber wie können wir eine der Prototypmethoden neu schreiben, ohne das ursprüngliche sample zu zerstören? Der einfachste Weg besteht darin, eine andere Klasse zu erstellen, die sample erbt, und dann die Methode der Basisklasse wie folgt in die Prototypmethode der geerbten Klasse umzuschreiben:

var Unterprobe = Funktion() {
    // Konstruktorcode hier
}

// vom Beispiel erben
subSample.prototype = neues Beispiel();
subSample.prototype.fun1 = Funktion() {
    // überschreibe die Funktion „func1“ des Samples
}

Wenn Sie jedoch keine geerbte Klasse erstellen und die Prototypmethode neu schreiben möchten, können Sie direkt den folgenden Code verwenden:

var sampleInstance = neues Sample();
sampleInstance.func1 = Funktion() {
    sample.prototype.fun1.call(this); // rufe func1 des Beispiels auf
    // sampleInstance.func1-Code hier
}

Wir haben die Methode func1 sample Beispielinstanzobjekts neu definiert, auf ihre Prototypmethode func1 zugegriffen und ihr dann zusätzlichen Code hinzugefügt. Auf diese Weise erweitern wir die Prototypmethode von sample , ohne eine abgeleitete Klasse zu erstellen oder die Prototypmethode von sample zu zerstören.

Dies ist das Ende dieses Artikels über die Details zum Überschreiben von Prototypmethoden in JavaScript -Instanzobjekten. Weitere Informationen zum Überschreiben von Prototypmethoden in JavaScript -Instanzobjekten finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!