JavaScript中的Object到底是什么呢?

2016-02-19 16:16 5 1 收藏

下面图老师小编要向大家介绍下JavaScript中的Object到底是什么呢?,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

   前天有网友留言问我,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的原型

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

 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的关系:( 反而会愚弄视听。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

    下面简述一下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实例,任何用户创建的类

来源:https://www.tulaoshi.com/n/20160219/1611515.html

延伸阅读
标签: 疾病预防
MERS病毒 MERS到底是什么病毒 MERS病毒相信关注新闻的人都知道MERS病毒是什么,这是一种呼吸综合征,现在也已经是发现了相应的病例,对于mers病毒相信大家也都是知道一点,那么对于MERS病毒到底是什么大家了解了吗?一起去和图老师小编了解一下吧! 根据现在的新闻研究发现,MERS病毒已经缠上一些人了,那么我们该怎么办...
标签: 化妆 情感
恋爱到底是什么感觉? 恋爱到底是什么感觉? 当我第一次看到我男友时,内心充满了各种遐想。我不知何为坠入爱河。我可以整夜陪他熬夜,第二天一大早起来,洗漱,打扮自己,看起来依旧活力无穷。我不敢让他看到我素颜的样子。不多赘述,现在我们在一起生活,我已经很多天没碰过我的化妆包了。我也不再是那个遐想连篇的女孩。...
iPhone勿扰模式到底是什么   勿扰模式到底是什么?该如何使用勿扰模式?勿扰模式在很多熟悉iOS系统的网友面前应该不是新鲜面孔了。这个功能的诞生意义主要是为让用户的工作与生活更好的达到平衡而设定。然而还是有许多用户不熟悉其具体操作,该篇教程可以帮助你快速掌握其使用方法及技巧。 勿扰模式是非常棒的功能,当你在会议中总...
iPhone勿扰模式到底是什么?   勿扰模式是非常棒的功能,当你在会议中总是有人狂打给你,或是提醒事项不断的跳出来、手机震个不停,只要开启勿扰,iPhone 马上安静下来。 iOS 7 的控制中心自下方拉起后,可以直接开启「勿扰模式」,但我们今天要看更多「勿扰模式」的功能,请到「设定/设置」→「勿扰模式」。 勿扰排...
宝宝得了“瘊子”如何护理   括括三岁了,前胸和后背长了一片一片的小颗粒,不痛不痒,按压无水分,医生诊断说是“传染性软疣”(瘊子),并用镊子把疣夹掉了,但后来又有新的长出来了。那么,妈妈应该怎样护理长“瘊子”的宝宝呢?    养育误区   看到宝宝身上有...

经验教程

751

收藏

29
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部