深入理解javascript原型和闭包(4)——隐式原型

每个函数function都有一个prototype,即原型。这里再加一句话——每个对象都有一个_proto_,可成为隐式原型。

var obj={};
console.log(obj.__proto__);

这里写图片描述

上图看来,obj._proto_和Object.prototype的属性一样!这么巧!

答案就是一样。

obj这个对象本质上是被Object函数创建的,因此obj._proto_=== Object.prototype。我们可以用一个图来表示。

这里写图片描述

即,每个对象都有一个_proto_属性,指向创建该对象的函数的prototype。

那么上图中的“Object.prototype”也是一个对象,它的_proto_指向哪里?

在说明“Object prototype”之前,先说一下自定义函数的prototype。自定义函数的prototype本质上就是和 var obj = {} 是一样的,都是被Object创建,所以它的_proto_指向的就是Object.prototype。

但是Object.prototype确实一个特例——它的_proto_指向的是null!

这里写图片描述

还有——函数也是一种对象,函数也有_proto_吗?

又一个好问题!——当然有。

函数也不是从石头缝里蹦出来的,函数也是被创建出来的。谁创建了函数呢?——Function——注意这个大写的“F”。

且看如下代码。

这里写图片描述

以上代码中,第一种方式是比较传统的函数创建方式,第二种是用new Functoin创建。

首先根本不推荐用第二种方式。

这里只是向大家演示,函数是被Function创建的。

根据上面说的一句话——对象的_proto_指向的是创建它的函数的prototype,就会出现:Object._proto_ === Function.prototype。用一个图来表示。

这里写图片描述

上图中,很明显的标出了:自定义函数Foo._proto_指向Function.prototype,Object._proto_指向Function.prototype,唉,怎么还有一个……Function._proto_指向Function.prototype?这不成了循环引用了?

对!是一个环形结构。

其实稍微想一下就明白了。Function也是一个函数,函数是一种对象,也有_proto_属性。既然是函数,那么它一定是被Function创建。所以——Function是被自身创建的。所以它的_proto_指向了自身的Prototype。

最后一个问题:Function.prototype指向的对象,它的_proto_是不是也指向Object.prototype?

答案是肯定的。因为Function.prototype指向的对象也是一个普通的被Object创建的对象,所以也遵循基本的规则。

这里写图片描述

下一节我们将请另一个老朋友来帮忙,把它理清楚。这位老朋友就是——instanceof。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值