解读JavaScript原型链

什么是原型链?

说原型链之前,我们先来谈谈JS中的对象。JS中所有对象都是Object的实例,并且继承Object.prototype的属性和方法,也就是说,Object.prototype是所有对象的爸爸

下面再介绍一下prototype,__proto__,constructor三者的概念:

  • prototype:函数在被定义的时候,就拥有一个prototype对象。
  • __proto__:定义普通的对象的时候,会生成一个 __proto__,这个 __proto__指向的就是这个对象的构造函数的prototype。
  • constructor:这个属性指向函数本身,也就是指向了自己的构造函数(prototype中的)。

了解上面的概念后,我这里举个例子:

var A = function(a) { 
	this.a = a;
}
var result = new A();

假如result对象想调用toString()方法,而对象result本身并没有toString()方法,那result就会沿着它的 __proto__ 向它的构造函数A的 prototype 对象去找这个toString()方法,而在A.prototype中也没有,那就继续沿着 A.prototype. __proto__ 向上找。而 A.prototype. __proto__ 指向的就是 Object.prototype 这个所有对象的爸爸! 。于是在这里找到了toString()方法。

上诉过程就是原型链查找。




所以,什么是原型链?

答:在原型链查找过程中的这一层一层的链接关系就是 原型链


[拓展]:

如果还没有理解原型链,我这里再解释一下:

  • 由于__proto__是任何对象都有的属性,而JS里万物皆对象,所以会形成一条__proto__连接起来的链条,递归访问__proto__必须最终到头,并且值是null。
  • 当JS引擎查找对象的属性时,先查找对象本身是否存在该属性,如果不存在,会在原型链上查找,但不会查找自身的prototype。

再举个栗子:

var A = function(){};
var a = new A();

原型链
一条__proto__连接起来的链条,递归访问__proto__必须最终到头,最终指向null。


在JS中,原型是用来实现继承的!在JS中,所有使用同一个构造函数生成的实例对象,都共享该构造函数的原型对象。(prototype)

猜你喜欢

转载自blog.csdn.net/HHH_LLL/article/details/102992628