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

MySQL-Transaktionsanalyse

Transaktion Eine Transaktion ist eine grundlegend...

MySQL-Join-Abfrage (Left Join, Right Join, Inner Join)

1. Allgemeine Verbindungen für MySQL INNER JOIN (...

Schritte zur Erstellung einer React Fiber-Struktur

Inhaltsverzeichnis React-Fasererstellung 1. Bevor...

Beispiel für die Verwendung eines manipulationssicheren JavaScript-Objekts

Inhaltsverzeichnis Manipulationssicheres Javascri...

So erstellen Sie SonarQube mit Docker

Inhaltsverzeichnis 1. Docker installieren 2. Sona...

Abrufen der Erstellungszeit einer Datei unter Linux und ein praktisches Tutorial

Hintergrund Manchmal müssen wir den Erstellungsze...

Fragen und Antworten: Unterschiede zwischen XML und HTML

F: Ich weiß nicht, was der Unterschied zwischen XM...

Implementierung der privaten Docker-Bibliothek

Die Installation und Bereitstellung eines private...

JavaScript CSS3 zur Implementierung einer einfachen Video-Sperrfunktion

In diesem Artikel wird versucht, eine Demo zur Si...

Einführung in die grundlegenden Konzepte und Technologien der Webentwicklung

Heute stellt dieser Artikel Anfängern einige grun...