Почему я не могу получить доступ к свойству родительского класса из экземпляра дочернего класса в наследовании JS?

Question

У меня есть два класса.Я хочу получить доступ к type свойству Parent из экземпляра:

// Parent class
function Animal() { this.type = 'animal' }

// Child class
function Rabbit(name) { this.name = name }

// I inherit from Animal
Rabbit.prototype = Object.create(Animal.prototype);
Rabbit.prototype.constructor = Rabbit; // I want to keep Rabbit constructor too

// I instantiate my Rabbit and am trying to access rabbit.type
const rabbit = new Rabbit('Bunny');
rabbit.name // => Bunny
rabbit.type // => undefined. WHY?

Я знаю, как решить его и получить доступ к type, но ...

// all is the same

// Child class
function Rabbit(name) {
  Animal.apply(this, arguments); // Just need to add this line in Rabbit class
  this.name = name 
}

// all is the same

rabbit.name // => Bunny
rabbit.type // => animal

...но почему это не работает в первом примере?Можно ли этого добиться без использования Animal.apply?

Answer 1

Rabbit.prototype = Object.create(Animal.prototype); расширяет только свойства, определенные в цепочке prototype.Свойства, определенные в конструкторе, не будут расширены.

Попробуйте это,

...    
Rabbit.prototype = new Animal();
...

Обновленный пример:

// Parent class
function Animal() { this.type = 'animal' }

// Child class
function Rabbit(name) { this.name = name }

Rabbit.prototype = new Animal();
Rabbit.prototype.constructor = Rabbit;

const rabbit = new Rabbit('Bunny');
console.log(rabbit.name);
console.log(rabbit.type);

Answer 2

Да, если вы добавите type к прототипу:

  Animal.prototype.type = "animal";

Или вы можете скрыть Animal.apply вызов за class сахаром:

 class Animal {
   constructor() {
      this.type = "animal";
   }
 }

 class Rabbit {
   constructor(name) {
     super(); // <<<
     this.name = name;
   }
 }