JavaScript引用类型之Object类
ECMAScript中的Object类跟Java中的Object类相似,ECMAScript中的所有类都由这个类继承而来,Object类中的所有属性和方法都会出现在其它类中,所以理解Object类,就可以更好的理解其它类。
对象的创建
JavaScript的对象是属性的容器,其中每个属性都拥有名字和值。属性的名字可以是包括空字符串在内的任意字符串。属性值可以是除undefined值之外的任何值。
JavaScript里的对象是无类型的。它对新属性的名字和属性的值没有限制。对象和适用于汇集和管理数据。对象可以包含其他对象,所以它们可以容易地表示成树状或图形结构。
Object类型用于创建自定义对象(实例),创建方式有两种:
new后面加Object构造方法
var cat = new Object(); cat.name = "tomcat"; cat.age = 3; alert("cat's name is " + cat.name + " and its age is " + cat.age);
对象属性的访问可以直接采用 对象名.属性名称 的方式。
对象字面量表示法
<pre name="code" class="javascript">var dog = { "name":"hotdog", "age":3 }
里面的属性名和属性值采用key:value键值对的形式,其中key上面的引号通常可以省略掉。
var dog = { name:"hotdog", age:3 } alert("dog's name is " + dog["name"] + " and its age is " + dog["age"]);
对象属性的方式也可以采用 对象名[属性名] 的方式。
对象属性的访问
对象属性的访问方式有两种:点表示法和方括号表示法。
- 点表示法 对象名.属性名称
- 方括号表示法 对象名[属性名称]
方括号表示法的优点
- 可以通过变量来访问属性
var pName="name"; alert(cat[pName]);
- 如果属性名中包含会导致语法错误的字符,或者属性名使用的是关键字或保留字,也可以用方括号表示法。
cat["lovely brother"]="Tom";
属性名中包含空格所以不能使用点表示法访问它.
var catObj = { name : "tomcat", "lovely brother" : "tom" } var pName = "name"; alert(catObj[pName]); // output tomcat alert(catObj["lovely brother"]); // output tom
点表示法优点
如果属性的层次比较深的时候,使用方括号表示法表示麻烦;但是使用点表示法即可方便的一层层的访问到需要的属性。
var animals = { dog : { name : "hotdog", age : 4 }, cat : { name : "tomcat", age : 3 } }
点表示法 访问 dog 的 name 属性
alert(animals.dog.name);
方括号表示法 访问 dog 的 name 属性
alert(animals["dog"]["name"]);
使用方括号表示法,如果属性比较多的时候,必须挨个的使用[ 和 ],且还要用引号引起属性名称,不如点表示法的直接。
比较完两种方式:访问属性推荐使用点表示法,除非没办法用点表示法的时候选择用方括号访问
Object类的属性
Object类具有下列属性:
- constructor --- 对创建对象的函数的引用。对于Object类,该指针指向原始的object() 函数。
- prototype --- 对该对象的对象原型的引用。对于所有的类,它默认返回Object对象的一个实例。
var obj = new Object(); alert(obj.constructor); // output /* function Object() { [native code] } */
Object类的方法
Object类具有如下方法:
- hasOwnProperty --- 判断对象是否有某个特定的属性。必须用字符串指定该属性(例如:obj.hasOwnProperty(“name”))。
- isPrototypeOf(object) --- 判断该对象是否为另一个对象的原型。
- propertyIsEnumerable(property) --- 判断给定的属性是否可以用for…in 语句进行枚举。
- toString() --- 返回该对象的原始字符串表示。
- valueOf() --- 返回最适合该对象的原始值。
var tomObj = { name : "tomcat", age : 4 } alert(tomObj.hasOwnProperty("name")); // output true alert(tomObj.hasOwnProperty("sex")); // output false alert(tomObj.toString()); // [object Object] alert(tomObj.valueOf()); // [object Object]
hasOwnProperty()、isPrototypeOf(object)、propertyIsEnumerable(property) 这三个方法在讲了原型prototype之后再细述,这里不做介绍了。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。