js prototype理解

看了很多关于原型链的解释,初学者可能对于原型链的理解比较抽象,网上很多给出的原型链图,大家都可能看的一脸懵逼,我简单总结一下什么是原型链.

首先,我们构造一个函数,

function Foo(name){
    this.name=name;

}
Foo.prototype={
    constructor:Foo,
    sayHi:function(){
        alert(this.name);
    }
__proto__;
}

prototype其实就是函数Foo的一个属性值,然后他是一个object,这就意味着Foo的prototype是object的一个实例(记住这一点);

然后我们实例化一个对象foo

var foo=new Foo('aaa')

foo现在内部的结构就是

{
    name:'aaa';
    __proto__;

}

实例化的对象都会有一个__proto__,它指向原型对象,即Foo.prototype,同理Foo.prototype原型中的__proto__指向他的构造原型Object,Object中同样有一个指向原型的__proto__,它指向最顶层对象null.

 

最后偷了一张图片