Vamos primeiro olhar para a herança das aulas de JS
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> herança da classe JS </ititle> </ad Head> <body>/ *- herança clássica- */<script type = "text/javascript"> // declara a superclass var animal = funct) (names) {names = } // Adicione o método animal.prototype.eat = function () {console.log (this.name + "eat"); }; // instância este supervar a = novo animal ("animal"); // Crie a classe de objeto construtor var cat = function (nome, sexo) {// Esta classe deve chamar o construtor do animal da superclasse e passar o nome do parâmetro para ele animal.call (este, nome); this.sex = sexo; } // O objeto de protótipo desta subclasse é igual à instância do superclasse cat.prototype = new animal (); // porque o objeto de protótipo da subclasse é igual à instância da superclasse, o protótipo do método.Constructor também é igual ao console do construtor de superclasse (cat.prototype.constructor); // Esta é uma referência à superclasse animal, então você deve reatribuir para si mesmo cat.prototype.constructor = Cat; console.log (cat.prototype.constructor); // A própria subclasse adiciona o método getSex cat.prototype.getSex = function () {return this.sex; } // Instalou esta subclasse var _m = new Cat ('Cat', 'masculino'); // próprio método console.log (_m.getSex ()); // masculino // herdar o método da superclass console.log (_m.eat ()); // CAT </SCRIPT> </body> </html>Vejamos a herança do protótipo JS
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> js protótipo herança </tititle> </head> <body> <!-prototypes hereitância-> <script type = "text/javascript"> // clone () função é usada para criar um var para criar um var para criar um var para criar um var para criar um varej ("typen/jAdtynOne ()/functy) clones () e" typet)/funcript () <! {}; // Esta frase é o núcleo da herança do protótipo. O objeto de protótipo da função é o objeto literal_f.prototype = obj; retornar novo _f; } // Declare um objeto literal primeiro var animal = {Somththing: 'Apple', Eat: function () {console.log ("Eat" + this.somthing); }} // Não é necessário definir uma subclasse da pessoa, basta executar um clone de clonagem var = clone (animal); // Você pode obter diretamente o valor padrão fornecido pela pessoa ou pode adicionar ou modificar atributos e métodos console.log (cat.eat ()); Cat.somthing = 'Orange'; console.log (cat.eat ()); // Declare a subclasse e execute uma clonagem var alguém = clone (gato); </script> </body> </html>Podemos experimentar. A herança das crianças da classe JS.Constructor == Pai retorna verdadeiro, enquanto a herança de protótipo crianças.Constructor == Pai retorna falsa;
A análise breve acima da herança do protótipo JS e da herança de classe é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.