Schauen wir uns zunächst die Erbschaft von JS -Klassen an
<! DocType html> <html> <head> <meta charset = "utf-8"> <title> Vererbung der JS-Klasse </title> </head> <body>/ *- klassisches Erbe- */<Script type = "text/javaScript"> // Declare a Superclass var tima = function } // die Methode Animal. }; // Instanz dieses Supervars a = neues Tier ("Tier"); // Erstellen Sie die Konstruktorobjektklasse var cat = Funktion (Name, Sex) {// Diese Klasse sollte den Konstruktor des Superklasse -Tieres aufrufen und den Parameternamen an timal.call (this, Name) übergeben; this.sex = sex; } // Das Prototyp -Objekt dieser Unterklasse entspricht der Instanz der Superklasse cat.Prototype = new Animal (); // Da das Prototyp -Objekt der Unterklasse gleich der Instanz der Superklasse ist, ist der Methodenprototyp.Constructor auch gleich der Superklasse -Konstruktorkonsole.log (Cat.Prototype.Constructor); // Dies ist ein Hinweis auf die Tier -Superklasse, also müssen Sie sie sich selbst neu zuweisen. console.log (Cat.Prototype.Constructor); // Die Unterklasse selbst fügt die GetSex -Methode Cat.Prototype.getSex = function () {return this.sex; } // diese Unterklasse var _m = new Cat ('cat', 'männlich'); // eigene Methode console.log (_m.getSex ()); // männlich // Erben Sie die Superclass -Methode console.log (_m.eat ()); // cat </script> </body> </html>Schauen wir uns den JS -Prototyp -Vererbung an
<! DocType html> <html> <head> <meta charset = "utf-8"> <title> JS-Prototyp-Vererbung </title> </head> <body> <!-Prototypenerbe-> <skript type {}; // Dieser Satz ist der Kern des Prototypenvereritzs. Das Prototypobjekt der Funktion ist das Objekt literal_f.prototype = obj; Neue _f; } // ein Objekt literaler erster var Animal = {etwas: 'Apple', eat: function () {console.log ("eat" + this.soming); }} // keine Notwendigkeit, eine Unterklasse von Person zu definieren, sondern nur einen klonenden var cat = klon (Tier) durchführen; // Sie können den von der Person bereitgestellten Standardwert direkt abrufen, oder Sie können Attribute und Methoden console.log (cat.eat () addieren oder ändern. Cat.soming = 'orange'; console.log (cat.eat ()); // die Unterklasse deklarieren und einen Klonvar jemand = Klon (Katze) ausführen; </script> </body> </html>Wir können experimentieren. Die Vererbung von Kindern der JS -Klasse.
Die obige kurze Analyse des JS -Prototyps -Vererbung und der Klassenvererbung ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.