深入理解javascript原型和闭包系列 深入理解javascript原型和闭包（4）——隐式原型

注意：本文不是javascript基础教程，如果你没有接触过原型的基本知识，应该先去了解一下，推荐看《javascript高级程序设计（第三版）》第6章：面向对象的程序设计。

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

这个__proto__是一个隐藏的属性，javascript不希望开发者用到这个属性值，有的低版本浏览器甚至不支持这个属性值。所以你在Visual Studio 2012这样很高级很智能的编辑器中，都不会有__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创建的对象，所以也遵循基本的规则。

 

OK 本节结束，是不是很乱？

乱很正常。那这一节就让它先乱着，下一节我们将请另一个老朋友来帮忙，把它理清楚。这位老朋友就是——instanceof。

具体内容，请看下节分解。

评论：

1、

  回复引用

#8楼[楼主] 2014-09-26 15:43 王福朋  

@winhex

引用

而且每个对象其实都有constructor属性 指向创建它的函数。
如 {}.constructor 指向Object函数
new Foo().constructor指向Foo函数
而Function.constructor指向了Function自己！！！，也说明了Function这个函数是自己创建了自己！！！，这样一看Function.__proto__指向Function.prototype也就能解释得通了。
所有对象（除了调用Object.create(null)）都继承了Object。
而Object又是由Function创建的。
那么是不是可以说Function函数才是js的根基？F...

可以这么说。
其实这里有两个基础点：
1. 如你所说，Function创建了所有的函数，包括它自己；
2. 所有对象的隐式原型链都最终指向Object.prototype，而Object.prototype.__proto__指向null。           

2、

#10楼 2014-10-07 21:06 21實際源代碼  

@winhex

引用

而且每个对象其实都有constructor属性 指向创建它的函数。
如 {}.constructor 指向Object函数
new Foo().constructor指向Foo函数
而Function.constructor指向了Function自己！！！，也说明了Function这个函数是自己创建了自己！！！，这样一看Function.__proto__指向Function.prototype也就能解释得通了。
所有对象（除了调用Object.create(null)）都继承了Object。
而Object又是由Function创建的。
那么是不是可以说Function函数才是js的根基？F...

而且每个对象其实都有constructor属性 指向创建它的函数 这句有点不对吧
function Fn(x) {
this.name = '王福朋';
this.year = 1988;
}
var fn1 = new Fn(1);
fn1.constructor指向的是创建他的Fn函数没错
那Fn.prototype.constructor 指向的也是Fn函数，难道你的意思是Fn.prototype这个对象也是Fn函数创建的？？？
按照@王福朋 的意思Fn.prototype对象是是被Object创建，所以
“每个对象其实都有constructor属性 指向创建它的函数。”这句本身有误导性 不知道 我说的对不对 希望@王福朋 能给个答复 谢谢

支持(1)反对(0)

  回复引用

#11楼[楼主] 2014-10-08 08:13 王福朋  

@21實際源代碼
嗯，这一点我确实考虑欠佳。
“每个对象其实都有constructor属性...”这句话中的constructor指的不是该对象的基本属性，而是该对象隐式原型链中的constructor属性，即其构造函数的prototype中的constructor。
怪我这里没有说明清楚，在此道歉。

3、     

#27楼 2015-05-21 18:32 阿牛的哥  

弄了个代码如下：
有两个问题希望博主能指点下
(1) t.prototype为什么是undefined，我自己的理解应该是F
(2) F.say()为什么不能访问，我自己的理解F.prototype有say()那应该能访问啊.

希望博主能回复

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

function F(){

    return F.fn.init();

}

F.fn = F.prototype = {

    init: function(){

        return this;

    }

    ,say: function(){

        alert('say');

    }

}

F.fn.init.prototype = F.prototype;

var t = F();

  

console.log(t.prototype)//undefined【1】

t.say();//能正常访问

console.log(F.prototype)//Object {init: function, say: function} 【2】

F.say();//不能访问

支持(0)反对(0)

  回复引用

#28楼 2015-05-22 15:41 _hsin  

@阿牛的哥
两个问题其实是一个问题，你弄混了 __proto__ 属性和 prototype 属性，前者是对应 对象的，也就是任何对象都有，后者是对应（构造）函数的，就是只有函数才会自动生成，对函数外的其他对象来说就是一个普通属性。
所以你的代码中， t 不是构造函数，当然它的 prototype 属性就是 undefined 了。 而 F.say() 就是把 F当做普通对象，访问它的 say 属性，所以按照你的思路（看起来你应该看过原型链），正确的应该是在 F.__proto__ 里找有没有 say,而不是在 prototype 里找，而 F.__proto__ 等于 Function.prototype ，里面当然不会有 say 这个属性，自然不能访问于是出错。

4、   

#30楼 2015-06-19 16:55 javatrees  

@1致良知
Object.prototype.__proto__指向的是null,
Object.__proto__ === Function.prototype

Object.prototype.__proto__和Object.__proto__是不同的。