js 原型链继承

Question

        function Foo1(){
           this.name1 = '1';
        }
        function Foo2(){
           this.name2 = '2';
        }
        Foo2.prototype = new Foo1();
        function Foo3(){
           this.name = '3';
        }
        Foo3.prototype = new Foo2();
        var foo3 = new Foo3();
        console.dir(foo3);

各位帮忙分析下，为什么箭头指向的地方打印出来不是Foo2而是Foo1,这是什么原理？

Answer 1

因为你将Foo1的实例复制给Foo2的原型，这时候Foo2.prototype.constructor指向的是Foo1，如果你在Foo2.prototype=new Foo1后面加一行Foo2.prototype.constructor=Foo2，将constructor重新修改为Foo2。应该就能达到你想要的结果了。

Answer 2

new 的过程是这样的，看下就明白了。

var obj={};
obj._proto_=Father.propotype;
Father.call(obj);
return obj;

Answer 3

Foo3通过prototype属性将原型指向了Foo2,但是最终Foo2的原型也是Foo1