JS的继承

ES5写法

// Human构造函数
function Human(name){
    this.name = name
}

Human.prototype.run = function(){
    console.log("我是" + this.name + "，我在跑步")
    return undefined
}

// Man构造函数
function Man(name){
    Human.call(this,name)
    this.gender = '男'
}

// 这三行的作用等于 Man.prototype.__proto__ = Human.prototype
let f = function(){}
f.prototype = Human.prototype
Man.prototype = new f()

Man.prototype.fight = function(){
    console.log('你瞅啥')
}

关键点：

1. 在子类构造函数中调用父类构造函数
2. 将子类构造函数原型指向父类构造函数原型。考虑兼容性问题，我们利用一个空构造函数作为中转站。

ES6写法

class Human{
    constructor(name){
        this.name = name
    }

    run(){
        console.log("我是" + this.name + "，我在跑步")
        return undefined
    }
}

class Man extends Human{
    constructor(name){
        super(name)
        this.gender = '男'
    }

    fight(){
        console.log('你瞅啥')
    }
}

关键点：

1. 子类继承父类使用关键词extends
2. 不要忘了在子类constrctor中调用super方法，相当于调用父类的constructor()

继承是面向对象编程中的一个很重要的概念。子类继承父类，那么自类便具有父类的属性和方法，就不需要再重复写相同的代码。整体上让代码显得更简洁而不至于繁冗。
在ES6引入class语法之前，JS是没有类这个概念的，而是通过原型（prototype）来实现的。ES6的class语法其实相当于一个语法糖，让代码的写法更像传统的面向对象编程。两者的实现效果是一样的。