码迷,mamicode.com
首页 > Web开发 > 详细

JS的Object漫想:从现象到“本质”

时间:2016-10-30 21:59:07      阅读:279      评论:0      收藏:0      [点我收藏+]

标签:java   ber   err   结合   first   i++   test   error   是什么   

 转自:http://zzy603.iteye.com/blog/973649

写的挺好,用于记录,把对象分成概念的Objectvar f={})和 类的Object(function F(){})

-------------------------------------

前言

  首先,要说明的我是一个计算机爱好者,但我并不是科班出身,也没有受过专业的培训,所以,有些专业名词可能用的不当或者看法偏激乃至错误,敬请谅解并给予斧正为盼。

一、Object是什么?

  刚开始我简单地认为Object是js的所有对象的原型(基类)。但我在作测试时发现如下怪现象:

QUOTE:
alert(Object.prototype.constructor)


  这条语句显示function Object(){[native code]}。我们知道一个对象的constructor的返回值是创建这个对象的类的构造体,因此根据以上代码的结果,说明Object的原型是Function。这一点可以从下面的两行下面代码得到进一步验证:

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



QUOTE:
/*但问题不这么简单,请看下面两行代码:*/ 
  Object.prototype.read=function(){};//扩展Object的原型 
  for(var i in Function)alert(i)//显示read,Function的原型是Object????


  对于Object与Function互相继承对方的prototype属性集,我百思不得其解,就将这四行代码提交给了birdshome,请他解疑。尽管还是没有解决疑问,我还是非常感谢他的回答――给了我极大的鼓励!后来看到网友supersnake 关于这个问题的回复评论,结合前段时间的思考,算是初步理解了一点。现在把我的这点理解写出来,供大家参考:

  1、要想准确理解JS的Object,必须认识到一点:Object首先是一个"概念"、是一个高度抽象的"概念",它并不具有太多的操作意义,但正是由于它的高度抽象性,我们才有必要深入地研究它,只有这样,才能深入地理解JS。

  进一步讲,Object是对JS中所有复合数据类型的高度抽象,代表了JS中具有相应构造体、相对清晰的结构和具有可执行意义的集合体!因此:Function、Array、Date、Number、Boolean、String、Error和RegExp等是object,Object自身是object,自定义类是object,window是object,document是object,Dom对象是object,{}是object......

  总之,JS中的一切复合数据类型都是object,都以Object为原型。因此对Object原型的扩充,Function当然继承,就连Object自身也同样继承:试看下例:
  

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


  2、Object既然是JS中的一切复合数据类型的原型,那么它就是一个类,一个基类。在JS中,类都以Function为原型。看下面的例子:

QUOTE:
var _test=[Number,Array,Date,Boolean,Error, RegExp,Object];
for(var i=0;i<_test.length;i++)
{
document.writeln(_test[i].prototype.constructor);
document.write("
")
}


  我们的得的结果是:

QUOTE:
function Number() { [native code] } 
function Array() { [native code] } 
function Date() { [native code] } 
function Boolean() { [native code] } 
function Error() { [native code] } 
function RegExp() { [native code] } 
function Object() { [native code] }


  可见JS中的内部类都是Function的子类。因此对Function原型的扩充必然会被Object继承!

  总结语:做为概念的Object和做为类的Object是不同的,前者的外延包含了后者的外延,理解了这一点,就能熟练掌握JS的Object类了。

二、做为概念的Object的分类:

  1、做为类的Object,如上所述。包括非Build-in Object的Native Object(注)、自定义类等。

  2、做为静态name-value对集合的Object(可能这才是Object的真谛),如

QUOTE:
var _collection={
       length : 1,
       item : ["first"],
       insert : function(){}
      }


  它不能被继承、没有prototype子集;不能被实例化,因此它是静态的;它具有集合的演算特征:析取操作符[],删除成员操作符:delete.......

  3、各种类的实例对象,如
    

QUOTE:
var myArray=new Array;


  myArray也是Object类型。

  4、Build-in对象。

  5、依赖于宿主环境的Object:DOM、window。对Object原型的扩充不能被"依赖于宿主环境的Object"所继承(注,在mozilla中,会继承名字,但无法执行)。

三、Object的属性和方法

  1、Object.length :Object构造体的形参数量。Object的构造体有一个可选的参数 ‘value‘,因此 Object.length= 1,但IE不报告可选参数,所以在IE下,此属性值为0。

  2、Object.name :Mozilla支持,返回"Object"。

  3、Object.prototype 
  4、Object.prototype.constructor 

  5、Object.prototype.eval(source) :eval is supported in Mozilla but not MSIE。

  6、Object.prototype.hasOwnProperty(property) :returns true if property is a local (unshared) property of the instance。

  7、Object.prototype.isEnumerable(property) :returns true if property is enumerated during a for (p in instance) loop,Mozilla and MSIE do not support isEnumerable。

  8、Object.prototype.isPrototypeOf(object) :returns true if the instance is the prototype of object。

  9、Object.prototype.toLocaleString() :returns a localized string representing the instance

  10、Object.prototype.toString() 

  11、Object.prototype.valueOf() 

  12、object.__proto__ :Mozilla支持, points to its prototype object。

  另外,还具有[]、instanceof  和 delete等运算符

  注:
  Native Object: JavaScript语言提供的不依赖于执行宿主的对象,其中一些是内建对象,如:Global、Math;一些是在脚本运行环境中创建来使用的,如:Array、Boolean、Date、Function、Number、Object、RegExp、Error。

    Build-in Object: JavaScript语言自身的内建对象,如:Global、Math; 

    Host Object:宿主环境对象,如:IE中的window、DOM对象等。

四、下一步的思考

  1、建立继承机制。一般的做法是对Function的原型进行扩充(即在Function的prototype属性集内新建继承函数),但是对Function原型的扩充会被做为类的Object自动继承,也就是说,当javascript引擎初始化自定义类时,会自动去执行一遍扩充的继承函数,并将该函数赋予自定义类,这样效率高吗?
JS的特征首先是灵活,不是所有的地方都需要继承机制,因此建立一个具有继承函数的Class基类,需要继承机制的就引用这个Class,不需要的就不引用,这样的话效率可能会更高......

  2、Object的集合特性

QUOTE:
function person()
{
this.name;
this.age;
this.setAge=function(_age){this.age=_age;};
}//建立person自定义类

person.eat=function(){};
person.language=["han","english"];

alert(person["eat"]);//显示function(){}
alert(person["language"]); //显示han,english


  这个person难道不是一个集合吗?

 

JS的Object漫想:从现象到“本质”

标签:java   ber   err   结合   first   i++   test   error   是什么   

原文地址:http://www.cnblogs.com/ooooevan/p/6014169.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!