javascript 原型、原型链之间的关系

在讲 javascript原型之前,先来了解下js这门语言的特性,它与其它面向对象语言不同,比如java,php等有class的概念,js没有class这个概念,js里面所有的对象都是通过函数(function)来模拟的,并且通过 new 关键字来实例化一个构造器函数。而这个构造器函数就好比java,php中类里面的构造函数。

一、javascript 原型(__proto__prototype 之间的关系)
js中一切皆是对象,每个对象都有一个 __proto__属性,该属性可通过标准浏览器查看到。而每个函数都有一个 prototype 属性。所以两者之间就有了以下图的关系。
这里写图片描述

注:prototype是函数才具有的属性。__proto__是对象才具有的属性。在大多数情况下,我们可以将 __proto__ 理解为构造器的原型。
也就是 __proto__ === constructor.prototype

这里写图片描述

二、原型链与 __proto__ 的指向。
前面我们说过,每一个对象都具有一个 __proto__ 属性,该属性也是一个对象,既然也是一个对象,那么自身必然存在一个__proto__,这样逐级向上查找,此时就形成了一个链式查找,我们把这个链式称为原型链。

注意:__proto__ 不是永不停止地向上查找,凡事都有一个度,js也不例外,__proto__的指向与你创建对象的形式有关。比如:

这里写图片描述

可以看出: __proto__ 的继承的终极是Object,遇到Object后后面将不再有__proto__属性。Object是所有对象的顶级对象。

最后我们来说说下使用 new 关键字实例化一个对象时,这中间过程发生了什么?
这里写图片描述

猜你喜欢

转载自blog.csdn.net/youzhiningo/article/details/79892799