关于JavaScript的继承

// es6 的继承 extends
class People {
 constructor(name = "liang", age = "27") {
   this.name = name;
   this.age = age
 }
 eat() {
   console.log(`${this.name} ${this.age} eat food`);
 }
}
// es6 继承
class Woman extends People {

 constructor(name = 'wang', age = " 30") {
   super(name, age)
 }
 eat() {
   super.eat()
 }
}

let wm = new Woman()
wm.eat()

// es5 的寄生式组合继承
function Animal(obj) {
  this.name = obj.name;
  this.age = obj.age;
}
Animal.prototype.add = function (value) {
  console.log(value)
}

var dog = new Animal({ name: 'doggo', age: 6 })
dog.add('hahaha')

console.log(Animal.prototype === dog.__proto__); // true
console.log(Animal.prototype.constructor === Animal); // true

function Cat(obj) {
  Animal.call(this, obj) // super(obj)
  this.sex = obj.sex
}

// 这句是关键
Cat.prototype = Object.create(Animal.prototype); 
Cat.prototype.constructor = Cat;

var cat = new Cat({ name: 'miaomiao', age: 4, sex: 'boy' })
console.log(cat);
cat.add('miaomiaomiao')