原型链继承需要注意的问题

背景：

　　JavaScript的继承基本上可以分为两大类，一类是使用class定义的类使用extends继承；另一类是使用function定义的类基于原型链的继承。之前自己看过一遍JavaScript高级程序设计，但是今天在第二遍快速过的时候发现了两个之前自己没有注意的点。

需要注意点：

　　1. 给原型添加新的方法的时候一定需要注意覆盖的问题。

function SuperType() {
    this.property = true
}
SuperType.prototype.getSuperValue = function () {
    return this.property
}
function ASubType() {
    this.subproperty = false
}
ASubType.prototype = new SuperType()
ASubType.prototype = {
    getASubValue: function () {
        return this.subproperty
    },
    someOtherMethod: function () {
        return false
    }
}
let a = new ASubType()
// TypeError: a.getSuperValue is not a function
console.log(a.getSuperValue())

　　理解：

　　　　①. 其实这个就可以理解为覆盖（和函数的覆盖相似）

　　2. 给原型添加方法的代码一定要放在替换原型语句之后。

function SuperType() {
    this.property = true
}
SuperType.prototype.getSuperValue = function () {
    return this.property
}
function ASubType() {
    this.subproperty = false
}
ASubType.prototype.getSubValue = function() {
    return this.subproperty
}

ASubType.prototype = new SuperType()

ASubType.prototype.getSuperValue = function () {
    return false
}
let a = new ASubType()
// TypeError: a.getSubValue is not a function
console.log(a.getSubValue())

　　理解：

　　　　①. 在上述代码第10行，给ASubType添加原型方法时，添加的方法处于一个空位置原型中（这里的空位置指的是没有显示原型对象）。

　　　　②. 在第14行重新定义原型对象的时候，将ASubType的原型方法定义为SuperType，此时SuperType替代了那个空位置，所以自然第10添加的原型对象就无意义了

参考资料：

　　1. 《JavaScript高级程序设计（第三版）》第六章165页