开发者社区> 唐玄奘> 正文

JavaScript中的Object到底是什么呢?!

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

    虽然是私人留言,不过匿名转过来希望不会怪我emembarrassed.gif,如有不妥请告知。
None.gif js的Object到底是什么? 
None.gif 刚开始我认为Object是js的所有对象的原型。 
None.gif 但是:alert(Object.constructor)显示function Function...
None.gif 这说明Object的原型是Function? 
None.gif 但是问题又来了: 
None.gif Function.prototype.read=function(){};//扩展Function的原型 
None.gif for(var i in Object)alert(i)//显示read,这进一步证实了Object的原型是Function 
None.gif
None.gif Object.prototype.read=function(){};//扩展Object的原型 
None.gif for(var i in Function)alert(i)//显示read,Function的原型是Object???? 
None.gif Object到底是什么?做为类的Object与Function是一回事?None.gif

    这位朋友把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的关系,我认为这不是很好的检验代码:
None.gif Function.prototype.read=function(){};//扩展Function的原型 
None.gif for(var i in Object)alert(i)//显示read,这进一步证实了Object的原型是Function 
None.gif
None.gif Object.prototype.read=function(){};//扩展Object的原型 
None.gif for(var i in Function)alert(i)//显示read,Function的原型是Object???? None.gif

    这四行代码用来解释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实例,任何用户创建的类。


本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
js的Object常用方法总结
Object.keys方法是JavaScript中用于遍历对象属性的一个方法 。它传入的参数是一个对象,返回的是一个数组,数组中包含的是该对象所有的属性名。
10 0
JavaScript 对象(Object)常用方法详解
JavaScript 对象(Object)常用方法详解
21 0
js获取对象属性的两种方法,object.属性名,[‘属性名’ ]
js获取对象属性的两种方法,object.属性名,[‘属性名’ ]
541 0
深入理解JavaScript- Object(对象)
深入理解JavaScript- Object(对象)
32 0
JavaScript重点 | Document Object Model 文档对象模型
本文对JavaScript的DOM模型进行了详细的介绍,适合初学者阅读,文中通过大量的举例以及代码实战的方式,带你深入浅出的理解DOM模型。
45 0
JavaScript相关面试题4:1.ajax、axios、fetch区别;2.Object与Map区别
使用场景 ●如果只需要简单的存储key-value的数据,并且key不需要存储复杂类型的,直接用对象 ●如果该对象必须通过JSON转换的,则只能用对象,目前暂不支持Map ●map的阅读性更好,所有操作都是通过api形式去调用,更有编程体验
121 0
web前端-JavaScript中的对象(Object)
对象是什么? 对象就是女朋友 其实不然,对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性。 在上一节我们说到JavaScript中有许多数据类型,有基本数据类型和引用数据类型,在这里我可以理解为只要不是基本数据类型,都属于对象。
31 0
JavaScript数据结构之Object
Object 是 ECMAScript 中最常用的数据类型之一,很适合存储和在应用程序之间交互数据。Object 定义一组属性的无序集合,可以将其想象成一张散列表,其中的内容就是一组名/值对,值可以是数据或者函数。 而数组是一个有序集合,为了保证元素排列有序,相比 Object 来说会占用更多的内存空间。
50 0
JavaScript对象(Object)
对象由花括号分隔,在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义,也叫json。属性由逗号分隔,空格和折行无关紧要。声明可横跨多行。
39 0
重新学习 JavaScript 中的 对象 (Object)
重新学习 JavaScript 中的 对象 (Object)
54 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Javascript中的函数
立即下载
Javascript异步编程
立即下载
JS零基础入门教程(上册)
立即下载