隐式原型

上节已经提到,每个函数function都有一个prototype,即原型。这里再加一句话——每个对象都有一个proto,可称为隐式原型

这个proto是一个隐藏的属性,javascript不希望开发者用到这个属性值,有的低版本浏览器甚至不支持这个属性值。所以你在sublime这样很高级很智能的编辑器中,都不会有proto(两个下划线)的智能提示,但是你不用管它,直接写出来就是了。

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

打印输出的结果:

__proto__

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

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

Paste_Image.png

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

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

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

但是Object.prototype确实一个特例——它的proto指向的是null,切记切记

Paste_Image.png

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

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

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

function fn(x,y){
    return x + y;
}
console.log(fn(10,20));  //30

var fn2 = new Function("x","y","return x + y");
console.log(fn2(10,20)); //30

上述代码中第一种写法是普通的写法,第二种写法是new Function写法,
第二种写法只是演示用,不推荐;

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

Paste_Image.png

上图中,很明显的标出了:自定义函数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创建的对象,所以也遵循基本的规则。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 深入理解javascript原型和闭包(4)——隐式原型 上节已经提到,每个函数function都有一个proto...
    为君梳作半面妆阅读 2,463评论 0 1
  • 在JavaScript中,原型链作为一个基础,老生长谈,今天我们就来深入的解读一下原型链。 本章主要讲的是下面几点...
    Devinnn阅读 5,229评论 1 6
  • 我有时自己都弄不清楚自己。面对不感兴趣的东西,适时的的插科打诨以逗人一笑,眯起眼假意兴味盎然已成本能。 这是表面上...
    无效祈愿阅读 2,490评论 0 0
  • 城市一片喧嚣。城市的霓虹,照亮着城市的亮光。城市的路上,车来车往,没有一点放松的闲暇。霓虹一路的亮着,就这么的亮着...
    署者名II阅读 1,189评论 0 0
  • 小时候 一一献给母亲 小时候,我喜欢 木工房的锯木面 印刷厂的刨纸花 太阳晒过的被子味道 田野里的狗尾巴草 ...
    第五根阅读 2,817评论 0 1