let log = console.log; function Animal(name) { this.name = name; } Animal.prototype.walk = function(){ log(`${this.name} walks`); } function Cat(name) { Animal.call(this,name); this.lives = 9; } Cat.prototype = Object.create(Animal.prototype); Cat.prototype.meow = function(){ log("Meow!"); } let bambi = new Cat("Bambi"); log(bambi.constructor) // function Animal(name){ this.name = name; }Creé el objeto 'bambi' usando el constructor Cat pero al verificar el constructor de bambi devuelve el constructor Animal. He asignado el prototipo de Cat al prototipo Animal usando Object.create(). ¿Por qué el constructor del objeto bambi es Animal y no el Gato?
Busque "herencia de javascript sin clase"
En la página de MDN , dice esto:
- Agregue la siguiente línea debajo de su adición anterior:
Teacher.prototype = Object.create(Person.prototype);Copiar al Portapapeles Aquí nuestro amigo create() viene al rescate nuevamente. En este caso, lo estamos usando para crear un nuevo objeto y convertirlo en el valor de Teacher.prototype. El nuevo objeto tiene Person.prototype como su prototipo y, por lo tanto, heredará, cuando sea necesario, todos los métodos disponibles en Person.prototype.
- Tenemos que hacer una cosa más antes de seguir adelante. Después de agregar la última línea, la propiedad constructora de Teacher.prototype ahora es igual a Person(), porque simplemente configuramos Teacher.prototype para hacer referencia a un objeto que hereda sus propiedades de Person.prototype. Intente guardar su código, cargar la página en un navegador e ingresar Teacher.prototype.constructor en la consola para verificar.
- Esto puede convertirse en un problema, por lo que debemos corregirlo. Puede hacerlo volviendo a su código fuente y agregando la siguiente línea en la parte inferior:
Object.defineProperty(Teacher.prototype, 'constructor', { value: Teacher, enumerable: false, // so that it does not appear in 'for in' loop writable: true });
- Ahora, si guarda y actualiza, ingresar Teacher.prototype.constructor debería devolver Teacher(), como se desea, ¡además, ahora heredamos de Person()!
Entonces, en base a esto, su código debe agregar esta pequeña sección:
Object.defineProperty(Cat.prototype, 'constructor', { value: Cat, enumerable: false, // so that it does not appear in 'for in' loop writable: true });Vea la demostración de trabajo a continuación:
let log = console.log; function Animal(name) { this.name = name; } Animal.prototype.walk = function(){ log(`${this.name} walks`); } function Cat(name) { Animal.call(this,name); this.lives = 9; } Cat.prototype = Object.create(Animal.prototype); Object.defineProperty(Cat.prototype, 'constructor', { value: Cat, enumerable: false, // so that it does not appear in 'for in' loop writable: true }); Cat.prototype.meow = function(){ log("Meow!"); } let bambi = new Cat("Bambi"); log(bambi.constructor);Sin embargo, recomendaría simplemente usar las clases de ES6 en lugar de hacerlo manualmente.