JS 如何实现继承

[MaMaFish]

ES5 寄生组合继承

function Father() {
    this.color = 'yellow'
}
function Child() {
    this.name = 'childName'
    Father.call(this)
}
Child.prototype.__proto__ = Father.prototype 
Child.prototype.constructor = Child
var child1 = new Child()
console.log(child1)

ES6 的继承实现

class Father {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
    getName() {
        return this.name
    }

}
class Child extends Father {
    constructor(name, age, job) {
        super(name, age)
        this.job = job
    }
    getJob() {
        return this.job
    }
    getNameAndJob() {
        return super.getName() + this.getJob()
    }
}
var a = new Child('Tom', '20', 'IT')
console.log(a.name)    ==>Tom
console.log(a.age)   ==>20
console.log(a.job)   ==>IT
console.log(a.getName())   ==>Tom
console.log(a.getJob())   ==>IT
console.log(a.getNameAndJob())   ==>TomIT