Erläuterung der objektorientierten Klassenvererbung in JavaScript

Erläuterung der objektorientierten Klassenvererbung in JavaScript

1. Objektorientierte Klassenvererbung

In den obigen Kapiteln haben wir gesehen, dass das Objektmodell von JavaScript auf der Prototypimplementierung basiert. Seine Besonderheit ist die Einfachheit, aber sein Nachteil ist, dass es schwieriger zu verstehen ist als das traditionelle Klasseninstanzmodell. Der größte Nachteil ist, dass die Implementierung der Vererbung das Schreiben einer Menge Code und die korrekte Implementierung der Prototypkette erfordert.

Gibt es eine einfachere Möglichkeit, es zu schreiben? haben!

Bildbeschreibung hier einfügen

Lassen Sie uns zunächst überprüfen, wie Student mithilfe von Funktionen implementiert wird:

    Funktion Student(Name) {
        dieser.name = Name;
    }

    // Jetzt müssen wir diesem Studenten eine Methode hinzufügen Student.prototype.hello = function () {
        alert('Hallo, ' + dieser.name + '!');
    }
    
    Student.prototype.hello.apply(neuer Student("Xiao Ming")); 

Bildbeschreibung hier einfügen

Wenn wir „Student“ mit dem Schlüsselwort „new class“ schreiben, können wir es folgendermaßen schreiben:

Bildbeschreibung hier einfügen

Erstellen Sie abschließend ein Student-Objekt mit demselben Code wie im vorherigen Abschnitt:

Bildbeschreibung hier einfügen

Klassenvererbung

Bildbeschreibung hier einfügen

Dies ist das Ende dieses Artikels über die objektorientierte Klassenvererbung in JavaScript. Weitere relevante Inhalte zur objektorientierten Klassenvererbung in JavaScript finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • js-Lernnotizen: Schlüsselwörter „class“, „super“ und „extended“
  • JS beherrscht schnell die Verwendung von ES6-Klassen
  • Zwei Möglichkeiten zum Schreiben von JS-Tab-Plugins (jQuery und Klasse)
  • Detaillierte Erklärung zum Hinzufügen und Löschen von Klassennamen mit JS
  • Klasse in Front-End-JavaScript

<<:  MySQL 8.0.17 Installations- und einfaches Konfigurationstutorial unter macOS

>>:  Detaillierte Schritte zum Einrichten des Netzwerks für die mit Win10 gelieferte virtuelle Maschine (grafisches Tutorial)

Artikel empfehlen

So schreiben Sie eleganten JS-Code

Inhaltsverzeichnis Variable Verwenden Sie aussage...

So beheben Sie das Timeout während des Pip-Vorgangs in Linux

So lösen Sie das Timeout-Problem, wenn Pip in Lin...

CSS3-Animation zum Erzielen des Streamer-Button-Effekts

Beim Erlernen von CSS3 habe ich festgestellt, das...

Erkunden Sie die gängigen VMware ESXI CLI-Befehle

Inhaltsverzeichnis 【Allgemeine Befehle】 [Zusammen...

Analyse des Benchmarking-Prozesses von Sysbench für MySQL

Vorwort 1. Benchmarking ist eine Art Leistungstes...

Analysieren der häufig verwendeten v-Anweisungen in vue.js

Inhaltsverzeichnis Erklärung des V-Texts bei „if“...

Zusammenfassung zur Verwendung des Ausrufezeichen-Befehls (!) unter Linux

Vorwort Vor kurzem hat unsere Firma MBP konfiguri...

Implementierungsmethode für die Datenspeicherung im WeChat-Applet

Inhaltsverzeichnis Globale Variable „globalData“ ...

Vue macht Div-Höhe verschiebbar

In diesem Artikel wird der spezifische Code von V...

Detaillierter Installationsprozess des NodeJS-Verwaltungstools NVM

keine Ahnung nvm ist für die Verwaltung mehrerer ...

jQuery implementiert alle Auswahl- und umgekehrten Auswahloperationsfälle

In diesem Artikel wird der spezifische Code von j...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.22

Dieser Artikel dokumentiert die Installation und ...

Mehrere Möglichkeiten zur Implementierung eines 0-ms-Verzögerungstimers in js

Inhaltsverzeichnis WarteschlangeMikrotask asynchr...