js原型链的学习

最近使用React和Es6,深入学习了JavaScript的继承,对Es6和React有了更好的理解。

先贴张核心图

继承关系每个实例对象(object )都有一个私有属性(称之为 __proto__)指向它的原型对象(prototype)。该原型对象也有一个自己的原型对象 ,层层向上直到一个对象的原型对象为 null。根据定义,null 没有原型,并作为这个原型链中的最后一个环节。

JavaScript 对象是动态的属性“包”(指其自己的属性)。JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾。

示例:

var doSomething=function(){};

可以这么理解:

doSomething---(继承)--->Function.prototype---(继承)--->Object.prototye---(继承)--->Null   //依次继承

doSomething.constructor.prototype===Function.prototype===doSomething.__proto__;    //true;

继续:

1.var functionA=new doSomething();

functionA.__proto__===doSomething.prototype     //true;

2.doSomething.prototype.doSomething="have Something"

functionA.doSomething     //"have Something"

functionA[[prototype]]---(继承)---->doSomething.prototype-->Function.prototype---(继承)   //依次继承

完结

猜你喜欢

转载自blog.csdn.net/a444894151/article/details/81226020