【转】关于javaScript中的Object

前天有网友留言问我，Object是什么？由于这两天忙于重构那个 TreeView控件去了，没有及时的回答，真是不好意思。今天抽空来看看JavaScript中的Object到底是什么东西呢？Object和函数Function到底是什么关系呢？说的不对的地方欢迎斧正。

    虽然是私人留言，不过匿名转过来希望不会怪我，如有不妥请告知。

  js的Object到底是什么？ 
刚开始我认为Object是js的所有对象的原型。 
但是：alert(Object.constructor)显示function Function...
 这说明Object的原型是Function？ 
但是问题又来了： 
Function.prototype.read=function(){};//扩展Function的原型 
for(var i in Object)alert(i)//显示read，这进一步证实了Object的原型是Function 

Object.prototype.read=function(){};//扩展Object的原型 
for(var i in Function)alert(i)//显示read，Function的原型是Object？？？？ 
Object到底是什么？做为类的Object与Function是一回事？

    这位朋友把Constructor、Prototype和Function搞混淆了，由于JavaScript是Object-based的语言(JavaScript does not contain proper classes)。说Object是所有对象的原形(prototype)，其实是可以的，不过这里是指设计模式中的Prototype Pattern中的原形概念，而不是Object.prototype这个JavaScript的原形语言特性。

    那么JavaScript中的Object到底是什么东东呢？ Script56.chm(就是M$官方教程)上说：提供所有 JScript对象通用的功能。恩，明白吗？因该是明白了，但友好像还是不明白@_@。如果我们从数据结构上来说，一个 object(Object的实例)就是一个无序的集合，类似C++中的map、C#中的hashtable、Java中的hashmap这样一个结构。并且包含了一个JavaScript语言系统赋予的原始值，什么意思呢？Object有个方法叫做valueOf，它的功能是返回指定对象的原始值。这个也是可以在Script56中查到的，并且还有一个表格列举了系统对象的valueOf返回结果。也就是说，Array、Boolean、Date、Function、Number等等对象，其实都是从Object来的，它们的祖先都是Object。它们表现不同的语言特性，比如Array有被自动管理的length属性，Boolean只有true或false取值，Date表示时间结构，Function可以被运行，都是它们的原始类型(valueOf)赋予它们的能力。Object实际只是一个概念，JavaScript这个语言基于对象，是说所有内建类型都被抽象出了一组公用的方法和属性(也可以叫行为和状态)，我们就想像只拥有这些特性的一个东西就是Object。实际上Object在编程中没有太大用处，我们都是在使用Object的实例 object，然后使用Object的集合特性(expando)，扩充 object成为我们希望的东西。对于Object.prototype，其实并不怎么能用到，因为每个确切的类型都有自己的prototype，我们添加原形方法大都针对确定的类型。

    Object除了 prototype外还有一个很重要的属性——constructor。这个东西就是用来完成我前面说到的对 object的扩充用的，它也是我们使用JavaScript模拟OOP的基础。由于JavaScript中所有东西都是Object，所以constructor也是，不过它的原始类型是Function(运行Object.constructor.valueOf()得到：function Function() { [native code] })。当然反过来并不是所有的JavaScript对象都有constructor属性，一些内建对象没有constructor的说。

    对于Object和Function的关系，我认为这不是很好的检验代码：

 Function.prototype.read=function(){};//扩展Function的原型 
for(var i in Object)alert(i)//显示read，这进一步证实了Object的原型是Function 

Object.prototype.read=function(){};//扩展Object的原型 
for(var i in Function)alert(i)//显示read，Function的原型是Object？？？？

    这四行代码用来解释JavaScript的prototype的原理和模拟OO编程的原形继承方式比较sexy! 可是它们并不能清晰的说明Object和Function的关系:( 反而会愚弄视听。

    下面简述一下JavaScript中的各种对象类型：
    Native Object: JavaScript语言提供的不依赖于执行宿主的对象，其中一些是内建对象，如：Global、Math；一些是在脚本运行环境中创建来使用的，如：Array、Boolean、Date、Function、Number、Object、RegExp、Error。
    Build-in Object: JavaScript语言提供的不依赖于执行宿主的内建对象，如：Global、Math；内建对象都是Native Object。
    Host Object：JavaScript语言提供的任何依赖于宿主环境的对象，所有非Native Object的对象都是宿主对象，如：IE中的window，WScript中的wscript实例，任何用户创建的类。

 

 

Object 对象很简单,
它就只有两个property和两个method
这两个property是:
prototype
constructor
这两个function是:
toString()
valueOf()
(注意Object与object的区别,前者说的是Object这个所谓的祖先,后者指对象)
只要它是一个object, 它肯定会包含有这四个东西,

### 关于constructor #########################
因此说有些东西没有constructor是不应该的.
constructor属性是一个函数,
它的返回值是这个对象所在的"类function".
举个例子:
function MyTest(){
this.test = function(){}
}
var test = new MyTest().
document.write(test.constructor);
其结果将为:
function MyTest(){
this.test = function(){}
}

### Object 与 Function ####################
1. Function 是一个 object, 其"祖先"必 是 Object
所以, 你只要往 Object 里面添加 prototype, Function
里面肯定也有, 不要说Function, String, Array 都会有.
这是很容易理解的.

* 下面的东西关于个人的考虑更多, 而且没有去查相应资料.
* 但希望对你有些帮助, 如有误, 请指正.
2. 问题的关键在于下面这两句:
Function.prototype.read=function(){};//扩展Function的原型
for(var i in Object)alert(i)//显示read
给Function 添加了一个prototype: read, Object 居然拥有了.
攥权?
不, Object 其实又是一个 Function.
为什么?
Object 也是一个"类"!
想象一下Object是个什么样子?
会不会是这样呢:
function Object()
{
this.prototype = ...;
this.constructor = this;
this.toString = function(){...}
this.valueOf = function(){...}
}
那么, 往Function里添加东西的话,
Object 拥有便很容易理解了.