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

Einführung in Linux-Umgebungsvariablen und Prozessadressraum

Inhaltsverzeichnis Linux-Umgebungsvariablen und P...

Neue Funktionen von JS ES: Einführung in Erweiterungsoperatoren

1. Spread-Operator Der Spread-Operator besteht au...

Detaillierte Schritte zur Installation von Docker in 5 Minuten

Für die Installation von Docker auf CentOS muss d...

Linux verwendet den Binärmodus zur Installation von MySQL

In diesem Artikel werden die einzelnen Schritte z...

JavaScript implementiert die Verarbeitung großer Datei-Uploads

Beim Hochladen von Dateien, z. B. Videodateien, d...

Schauen wir uns einige leistungsstarke Operatoren in JavaScript an

Inhaltsverzeichnis Vorwort 1. Null-Koaleszenzoper...

So sichern Sie die MySQL-Datenbank regelmäßig automatisch

Wir alle wissen, dass Daten unbezahlbar sind. Wen...

Detaillierte grafische Erklärung zum Löschen des Keep-Alive-Cache

Inhaltsverzeichnis Eröffnungsszene Direktes Rende...

Wie stellt MySQL die Master-Slave-Konsistenz sicher?

Inhaltsverzeichnis Das Grundprinzip von MySQL Mas...

Beispiel für die Implementierung der Graphql-Schnittstelle in Vue

Hinweis: In diesem Artikel geht es um die grundle...

Anwendungsbeispiele für React Hooks

Inhaltsverzeichnis Ein einfaches Komponentenbeisp...