JavaScript 中的经典继承与原型继承

JavaScript中的经典继承与原型继承

javascript
class Animal {
  constructor(name) {
    this.name = name;
  }
  sayHello() {
    console.log(`Hello, my name is ${this.name}`);
  }
}
class Dog extends Animal {
  constructor(name, breed) {
    super(name);
    this.breed = breed;
  }
  bark() {
    console.log('Woof!');
  }
}
let dog = new Dog('Buddy', 'Golden Retriever');
dog.sayHello(); // Output: Hello, my name is Buddy
dog.bark(); // Output: Woof!

javascript
let animalPrototype = {
  sayHello: function() {
    console.log(`Hello, my name is ${this.name}`);
  }
};
let dog = Object.create(animalPrototype);
dog.name = 'Buddy';
dog.breed = 'Golden Retriever';
dog.bark = function() {
  console.log('Woof!');
};
dog.sayHello(); // Output: Hello, my name is Buddy
dog.bark(); // Output: Woof!