javascript - 有关原型链的问题

问题描述

问 题

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.my.toString()被调用时，JavaScript引擎执行路径是怎样的？

解决方案

全都拆分开就知道了，首先看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

这篇关于javascript - 有关原型链的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！