javascript中对象字面量的理解
来源:互联网 发布:美工需要具备什么条件 编辑:程序博客网 时间:2024/05/21 22:21
第一部分
我们知道JavaScript中的数据类型有基本数据类型和引用类型,其中Object类型就是非常常用的类型。那么如果创建一个Object类型的实例呢?下面我介绍两种方法:
第一:构造函数法。
var
person=
new
Object();
person.name=
"zhuzhenwei"
;
person.age=20;
这里Object()实际上是默认的构造函数,显然,为满足需要,我们可以通过后两条语句添加新的属性。JavaScript高级程序设计第3版83页介绍说,该构造函数为新对象定义了默认的属性和方法。但,这是真的吗?我们可以验证一下。因为for-in语句可以遍历对象中所有的属性,因此我们可用它来验证:
var
person=
new
Object();
for
(
var
propName
in
person){
console.log(propName);
}
如果Object构造函数有默认属性,那么我们在控制台上应该是可以看到的,但实际上:
什么都没有?!
也就是说Object本身是不具有任何默认的属性的。
因为如果我们添上后面两句:
var
person=
new
Object();
person.name=
"zhuzhenwei"
;
person.age=20;<br>
for
(
var
propName
in
person){<br> console.log(propName);<br>}
我们就可以得到如下:
即此时person就有了两个属性,也就是说,Object函数自身确实没有默认的属性。
但是,真的是这样吗?javascript高级程序设计会出现这样的错误吗?答案是不会~
因为在这里使用for-in语句是不合适的,不能通过它枚举初object的所有属性。它只适用于window之类的对象,这里我们最好使用in操作符。因为object通过测试是不可枚举的。 alert(object.propertyisenumerable("prototype"));//false
var
person=
new
Object();
console.log(
"toString"
in
person);
//true
console.log(
"valueOf"
in
person);
//true
console.log(
"constructor"
in
person);
//true
也就是说Object至少是有上述属性和方法的。
第二:对象字面量表示法
var
person={
name:
"zhuzhenwei"
,
age:18
};
这里也创建了一个对象实例,同样通过for-in语句,我们可以验证其也只有name和age两个属性,且在通过对象字面量表示法定义对象时,实际上不会调用Object构造函数。
关于对象字面量有以下一点需要注意的地方:
- 在末尾需加分号;表示结束。
- 在一个属性定义之后用逗号分隔,最后一个属性不需要
- 属性名可以加双引号,好处是我们可以包含错误的字符。并使用方括号表示法来访问对象的属性。
比如:
var
person=
new
Object();
person.age age=18;
console.log(person.age age);
这时,由于属性名中包含了空格,因此得到的结果一定是 语法错误。
然而:
var
person={
"age age"
:18
};
console.log(person[
"age age"
]);
这时候我们就可以得到正确的答案了。
最后,实际上对象字面量还可以作为参数传递,大家有兴趣可以去了解,这里就不介绍了~
第二部分:
什么使数组字面量呢?对象字面量用于创建对象,数组字面量即用于创建数组。创建数组有两种方法。
第一:构造函数法.
var
arr=
new
Array();
第二:数组字面量法
var
arr=[
"zhu"
,
"zhen"
,
"wei"
];
因为所有的引用类型都是继承自Object,因此Array也是继承自object的,并在继承的基础上添加了自己的属性和方法。
var
arr=
new
Array();
console.log(
"toString"
in
arr);
//true
console.log(
"valueOf"
in
arr);
//true
console.log(
"length"
in
arr);
//true
- javascript中对象字面量的理解
- javascript中对象字面量的理解
- 对JavaScript中对象字面量的理解
- javascript中字面量的理解
- JavaScript中对象字面量
- javascript中对象字面量与数组字面量
- javascript对象字面量
- JavaScript对象字面量
- JavaScript对象字面量
- JavaScript对象字面量
- JavaScript对象字面量
- javascript的字面量
- javascript的字面量
- javascript的字面量
- JavaScript-字面量对象详解
- JavaScript对工厂模式、构造函数、原型、字面量方式、继承、对象冒充的理解
- Javascript的字面量对象以及如何拆解字面量对象
- 在javaScript对象字面量中定义访问器属性
- CCF NOI1118 序列第K小
- Struts(4)jstl标签技术基本介绍
- 如何用Java代码列出一个目录下所有的文件?
- ResultSet.next()方法
- SSH三大框架的工作原理及流程
- javascript中对象字面量的理解
- 个人认为不错的代码结构:利用switch case语句进行参数的取值校验
- JAVA判断移动端还是PC端访问
- DB2权限管理-组(group) 和角色(role)的区别
- TSQL Merge 用法
- 论文阅读:An Automatic Panoramic Image Reconstruction Scheme from Dental Computed Tomography Images
- 70. Climbing Stairs
- 3D数学基础 图形与游戏开发的学习 第三章 多坐标系
- Android百度 地图打开显示某坐标的地图