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

Implementierung der Vue-Nuxt-Anmeldeauthentifizierung

Inhaltsverzeichnis einführen Link Start Gehen Sie...

Der Unterschied zwischen MySQL Outer Join und Inner Join Abfrage

Die Syntax für einen äußeren Join lautet wie folg...

Erstellen der Benutzererfahrung

<br />Vielleicht sind Sie gerade in ein Unte...

Eine kurze Analyse der startReactApplication-Methode von React Native

In diesem Artikel haben wir den Startvorgang von ...

Detaillierte Erläuterung der Vue Simple Notepad-Entwicklung

In diesem Artikelbeispiel wird der spezifische Co...

Node.js versendet E-Mails basierend auf dem STMP-Protokoll und dem EWS-Protokoll

Inhaltsverzeichnis 1 Node.js-Methode zum Senden v...

Verwenden Sie die CSS-Eigenschaft border-radius, um den Bogen festzulegen

Phänomen: Wandeln Sie das Div in einen Kreis, ein...

Ein einfaches Beispiel für die MySQL-Suche nach Daten im Umkreis von N Kilometern

Gemäß dem Koeffizienten von Pi und dem Radius der...

Detaillierte Analyse mehrerer Situationen, in denen MySQL-Indizes fehlschlagen

1. Führende Fuzzy-Abfragen können keinen Index ve...

Detailliertes Tutorial zur Installation von VirtualBox 6.0 auf CentOS 8 / RHEL 8

VirtualBox ist ein kostenloses Open Source-Virtua...

So erstellen Sie schnell zig Millionen Testdaten in MySQL

Bemerkung: Die Datenmenge in diesem Artikel beträ...