注意:本文不是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、
而且每个对象其实都有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属性 指向创建它的函数。”这句本身有误导性 不知道 我说的对不对 希望@王福朋 能给个答复 谢谢
嗯,这一点我确实考虑欠佳。
“每个对象其实都有constructor属性...”这句话中的constructor指的不是该对象的基本属性,而是该对象隐式原型链中的constructor属性,即其构造函数的prototype中的constructor。
怪我这里没有说明清楚,在此道歉。
有两个问题希望博主能指点下
(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();
//不能访问
|
两个问题其实是一个问题,你弄混了 __proto__ 属性和 prototype 属性,前者是对应 对象的,也就是任何对象都有,后者是对应(构造)函数的,就是只有函数才会自动生成,对函数外的其他对象来说就是一个普通属性。
所以你的代码中, t 不是构造函数,当然它的 prototype 属性就是 undefined 了。 而 F.say() 就是把 F当做普通对象,访问它的 say 属性,所以按照你的思路(看起来你应该看过原型链),正确的应该是在 F.__proto__ 里找有没有 say,而不是在 prototype 里找,而 F.__proto__ 等于 Function.prototype ,里面当然不会有 say 这个属性,自然不能访问于是出错。
可以这么说。
其实这里有两个基础点:
1. 如你所说,Function创建了所有的函数,包括它自己;
2. 所有对象的隐式原型链都最终指向Object.prototype,而Object.prototype.__proto__指向null。