一张图看透JavaScript原型关系:__proto__(对象原型)和prototype(函数原型)

JavaScript原型关系

问:函数岂不是拥有两个原型?

答:是的,函数有两个原型proto和prototype。
因为函数是对象,而对象就有原型,其原型就是proto。函数是Function的实例,所以此原型就是Function.prototype。
而函数的prototype,不是给自己用的,而是给自己实例用的。

问:到底是构造函数有原型,还是实例有原型?

答:关键是这个“有”字怎么解释。说白了,就是拥有权和使用权的区分。平常我们说话时,并不仔细区分二者。

就像我们经常会说,“你的公司在哪里?”,但我们都知道,公司并不是你的,是属于董事会的,你只是在那上班罢了。
又比如,你有辆跑车,但你从来不开它,却给你的亲朋好友开。你有拥有权,但没使用权。相反,你的好友虽没有拥有权,但有使用权。
从一般语义上来说,构造函数拥有原型,放在自身prototype上,但不是给自身用的,而是给它的实例用的。
从JS的语义上来说,实例对象拥有原型,其内部属性[[prototype]](即proto指向)指向构造器的prototype。
另外一点,拥有权是独占的,而使用权是共享的。

因此某一个构造函数的不同实例的原型是同一个。

问:原型链的终点是什么?

:Object.prototype。它是个对象,它的原型是null。

问:函数都是Function的实例,而Function也是函数,它是谁的实例?

:它是自身的实例。所以它的proto与自身的prototype是同一个东西。而且是个函数,此函数不再有prototype,但是作为对象,它的proto是Object.prototype。这是系统内置好的。

问:Object.proto和Object.prototype是什么关系?

:后者是前者的原型。因为Object是函数,是Function的实例,因此Object.proto就是Function.prototype,所以后者是前者的原型。


请尊重原创,原文链接:http://www.qdfuns.com/notes.php?mod=view&u=17398&id=6962d01d88c6b73ea606662fd397b6f6

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值