Primero veamos la herencia de las clases JS
<! DocType html> <html> <head> <meta charset = "utf-8"> <title> herencia de la clase js </title> </head> <body>/ *- clásica herencia- */<script type = "text/javascript"> // declara una superclass var animal = function (nombre) {this.name = name; } // Agregar el método animal.prototype.eat = function () {console.log (this.name + "eat"); }; // instancia este supervar a = nuevo animal ("animal"); // Cree la clase de objeto del constructor var cat = function (nombre, sexo) {// Esta clase debe llamar al constructor del animal superclase y pasar el nombre del parámetro a él animal.call (this, name); this.sex = sexo; } // El objeto prototipo de esta subclase es igual a la instancia de la superclase Cat.prototype = new Animal (); // Debido a que el objeto prototipo de la subclase es igual a la instancia de la superclase, el método prototipo.constructor también es igual a la superclase constructor console.log (cat.prototype.constructor); // Esta es una referencia a la superclase animal, por lo que debe reasignarlo para usted mismo Cat.prototype.constructor = Cat; console.log (cat.prototype.constructor); // La subclase en sí agrega el método getsex cat.prototype.getsex = function () {return this.sex; } // Instanció esta subclase var _m = new Cat ('Cat', 'masculino'); // propio método console.log (_m.getsex ()); // macho // heredar el método superclase console.log (_m.eat ()); // Cat </script> </body> </html>Veamos la herencia del prototipo JS
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> JS Prototype Heritance </title> </head> <body> <!-Prototype Inheritance-> <script type = "text/javascript"> // clone () La función se utiliza para crear una nueva clase de objeto var clone = function (obsJ) {}; // Esta oración es el núcleo de la herencia prototipo. El objeto prototipo de la función es el objeto literal_f.prototype = obj; devolver nuevo _f; } // declarar un objeto literal primero var animal = {Somthing: 'Apple', eat: function () {console.log ("comer" + this.somthing); }} // no es necesario definir una subclase de persona, simplemente realice una clonación var cat = clone (animal); // Puede obtener directamente el valor predeterminado proporcionado por la persona, o puede agregar o modificar atributos y métodos console.log (cat.eat ()); Cat.somthing = 'naranja'; console.log (cat.eat ()); // declara la subclase y realiza una clonación var de alguien = clon (cat); </script> </body> </html>Podemos experimentar. La herencia de JS Class Children.Constructor == Padre Devuelve verdadera, mientras que la herencia de los prototipos de niños.
El breve análisis anterior de la herencia y la herencia de clase JS es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.