Javascript – Fragen zur Prototypenkette

Question

function Shape(){
    this.name='Shape';
    this.toString=function(){
        return this.name;
    };
}

function TwoDShape(){
    this.name='2D shape';
}

function Triangle(side,height){
    this.name='Triangle';
    this.side=side;
    this.height=height;
    this.getArea=function(){
        return this.side*this.height/2;
    };
}

TwoDShape.prototype=new Shape();
Triangle.prototype=new TwoDShape();

var my=new Triangle(5,10);
my.getArea();//25

my.toString();//"Triangle"

1.Was ist der Ausführungspfad der JavaScript-Engine, wenn my.toString() aufgerufen wird?

Answer 1

var my=new Triangle(5,10);//[1]

my.getArea();//25 [2]

my.toString();//"Triangle" [3]

[1].创建Triangle实例对象my，

this.name='Triangle';
this.side为 5;
this.height为 10;

[2] 在Triangle实例对象my上调用方法getArea
[3] 在Triangle实例对象my上调用方法toString,发现当前对象上没有，沿着原型链到TwoDShape实例对象上找，还没有，到Shape实例对象上去找，ok找到。
此时的this对象为Triangle实例对象my，其上的name属性值为Triangle，输出

Answer 2

1：先理解好类型和实例的关系，Shape 是一种类型（抽象），var shape = new Shap(); shape 是一个实例；
2：问题太含糊，var shape = new Shap(); 与 var sh = Shape()的构造器的关系是什么 =》 shape的构造函数就是 Shape.prototype.constructor; (shape和sh怎么会有关系呢~)
3：为什么不直接继承？设计如此；

Answer 3

全都拆分开就知道了，首先看new的操作逻辑，TwoDShape.prototype = new Shape();做了三件事

TwoDShape.prototype = {};
TwoDShape.prototype.__proto__ = Shape.prototype;
Shape.call(TwoDShape.prototype);

同理

Triangle.prototype = {};
Triangle.prototype.__proto__ = TwoDShape.prototype;
TwoDShape.call(Triangle.prototype);

var my = {};
my.__proto__ = Triangle.prototype;
Triangle.call(my, 5, 10);

当执行my.toString()的时候从my自身成员开始找toString，没有就沿着__proto__往上找，最终在my.__proto__.__proto__（也就是TwoDShape.prototype）里找到了toString