日期:2014-05-16  浏览次数:20375 次

JS_Object和Function的区别

我们本次的解释,主要通过下图

Javascript的Prototype,Function,Object,__proto__关系示意图

粗看该图,估计你不一定能看明白。不过接下来让我逐行向你解释。

  • 最左侧:意思是,有两个对象f1和f2,他们是通过new Foo()出来的。
  • 中间:Foo()就是最左侧用到的Foo()
  • 最右侧:表示,函数Foo()的prototype属性!
1、__proto__的虚线:该条线表示通过f1.__proto__可以访问到Foo.prototype,其实两者是等价的。
2、constructor实现:表示通过Foo.prototype.constructor可以找到Foo
function Foo() {
}
var f1 = new Foo();
alert(f1.__proto__ == Foo.prototype);
?function Object(){[native code]}//Javascript自带,不是自定义的,可以近似认为是基类

function Function(){[native code]}//Javascript自带,不是自定义的,可以近似认为是基类

?

这里的这两个function,分别走两个方向,
Object作为了众多object(实例,new出来的)的基类型
Function作为众多function(主要是那些function出来的,就是定义出来的函数)的基类型

?

在开始下面更细致的解释先,我们约定一些内容,Object代表这里所说的Object,object代表实例对象
,Function代表这里说的Function,function是关键字。对于Object与object的区别很好理解,一个是function,一个是new出来。