JavaScript高程3中的一个关于继承的问题

Question

高程3(P163)上关于原型链的一段代码，我把输出换成getSubValue()后，试着交换其中两段代码的顺序，结果报错，怎么都想不通为什么？？

function superType(){
    this.property = true;
}

superType.prototype.getSuperValue = function(){
    return this.property;
};

function subType(){
    this.subproperty = false;
}

// subType.prototype.getSubValue = function(){
//     return this.subproperty;
// }; 
//Uncaught TypeError: instance.getSubValue is not a function

subType.prototype = new superType();

subType.prototype.getSubValue = function(){
    return this.subproperty;
}; // 此段代码与换到上面注释的位置则出错

var instance = new subType();
console.log(instance.getSubValue());

Answer 1

看看《高程》166页，有对你这个问题进行说明。

Answer 2

你这句话重写了原型链subType.prototype = new superType();
你放到上面去,subType的原型就被superType的原型覆盖了,
所以根本找不到getSubValue这个方法

Answer 3

function superType(){
    this.property = true;
}

superType.prototype.getSuperValue = function(){
    return this.property;
};

function subType(){
    this.subproperty = false;
}

subType.prototype = new superType();

 subType.prototype.getSubValue = function(){
     return this.subproperty;
 }; 
//Uncaught TypeError: instance.getSubValue is not a function


var instance = new subType();
console.log(instance.getSubValue());

其中只是将位置换了一下，由于你的 prototype 指向对象被转移，导致你的方法找不到
简单点说 就是 ：instance 对象没有getSubValue 方法 superType 这个对象 也没有 getSubValue 方法