Regardons d'abord l'héritage des classes JS
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <tight> héritage de la classe JS </ title> </ head> <body> / * - Hérédité classique- * / <script type = "text / javascript"> // Déclare un superclass var animal = function (nom) {this.name = name; } // Ajouter la méthode animal.prototype.eat = function () {console.log (this.name + "manger"); }; // Instance ce supervar a = nouvel animal ("animal"); // Créer la classe d'objets du constructeur var cat = fonction (nom, sexe) {// Cette classe doit appeler le constructeur de l'animal superclass et passer le nom du paramètre à lui animal.call (this, nom); this.sex = sexe; } // L'objet prototype de cette sous-classe est égal à l'instance de la superclasse Cat.prototype = new animal (); // Parce que l'objet prototype de la sous-classe est égal à l'instance de la superclasse, la méthode Prototype.Constructor est également égale à la superclass Constructor Console.log (cat.prototype.constructor); // Ceci est une référence à la superclasse animale, vous devez donc la réaffecter à vous-même chat.prototype.constructor = chat; console.log (cat.prototype.constructeur); // La sous-classe elle-même ajoute la méthode GetSEX cat.prototype.getSEx = function () {return this.sex; } // instancié cette sous-classe var _m = new Cat ('cat', 'mâle'); // propre méthode console.log (_M.GetSEx ()); // mâle // hériter de la méthode Superclass Console.log (_M.Eat ()); // Cat </cript> </ body> </html>Regardons l'héritage du prototype JS
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <tight> js Prototype héritage </ititle> </ head> <body> <! - Prototype Hérédité -> <script type = "text / javascrip {}; // Cette phrase est le cœur de l'héritage prototype. L'objet prototype de la fonction est l'objet litteral_f.prototype = obj; retourner new _f; } // Déclarer un objet littéral d'abord var animal = {quelque chose: 'Apple', manger: function () {console.log ("manger" + this.soming); }} // Pas besoin de définir une sous-classe de personne, il suffit de effectuer un clonage de clonage Cat = Clone (animal); // Vous pouvez obtenir directement la valeur par défaut fournie par personne, ou vous pouvez ajouter ou modifier les attributs et méthodes console.log (cat.eat ()); Cat.SOMTHING = 'Orange'; console.log (cat.eat ()); // Déclarer la sous-classe et effectuer un clonage var quelqu'un = clone (chat); </cript> </ body> </html>Nous pouvons expérimenter. L'héritage des enfants de la classe JS. Constructor == père revient vrai, tandis que l'héritage des enfants prototypes. Constructor == Father retourne faux;
La brève analyse ci-dessus de l'héritage du prototype JS et l'héritage de la classe est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.