javascript中对象字面量与数组字面量

第一部分 

  我们知道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;
for(var propName in person){
  console.log(propName);
}

 我们就可以得到如下:

即此时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

  You got a dream, you gotta protect it.

如果你有一个梦想,就必须捍卫它!

javascript中对象字面量的理解的更多相关文章

  1. javascript中对象字面量与数组字面量

    第一部分 我们知道JavaScript中的数据类型有基本数据类型和引用类型,其中Object类型就是非常常用的类型.那么如果创建一个Object类型的实例呢?下面我介绍两种方法: 第一:构造函数法. ...

  2. js中对象字面量

    一.对象字面量语法 var person={ name:'小王', age:18, _pri:233 } 成员名称的单引号不是必须的 最后一个成员结尾不要用逗号,不然在某些浏览器中会抛出错误 成员名相 ...

  3. javascript中的对象字面量为啥这么酷

    原文链接 : Why object literals in JavaScript are cool 原文作者 : Dmitri Pavlutin 译者 : neal1991 个人主页:http://n ...

  4. javaScript高级教程(九) ------javascript对象字面量--------困扰已久的问题

    在编程语言中,字面量是一种表示值的记法.例如,"Hello, World!" 在许多语言中都表示一个字符串字面量(string literal ),JavaScript也不例外. ...

  5. JSON字符串和Javascript对象字面量

    JSON字符串和Javascript对象字面量 JSON是基于Javascript语法的一个子集而创建的,特别是对象和数组字面量语法. 正是由于JSON的这种特殊来历,导致很多Javascript程序 ...

  6. JavaScript 对象字面量

    JavaScript 对象字面量   JavaScript 对象字面量 在编程语言中,字面量是一种表示值的记法.例如,"Hello, World!" 在许多语言中都表示一个字符串字 ...

  7. Java常量,变量,对象(字面量)在JVM内存中的存储位置

    Java常量,变量,对象(字面量)在JVM内存中的存储位置 2019-02-26 18:13:09 HD243608836 阅读数 540  收藏 更多 分类专栏: JAVA jvm   苦苦研究了快 ...

  8. JavaScript对象字面量

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  9. es6 中增强的对象字面量

    http://www.cnblogs.com/Wayou/p/es6_new_features.html 对象字面量被增强了,写法更加简洁与灵活,同时在定义对象的时候能够做的事情更多了.具体表现在: ...

随机推荐

  1. 隐马尔可夫模型(Hidden Markov Model,HMM)

    介绍 崔晓源 翻译 我们通常都习惯寻找一个事物在一段时间里的变化规律.在很多领域我们都希望找到这个规律,比如计算机中的指令顺序,句子中的词顺序和语音中的词顺序等等.一个最适用的例子就是天气的预测. 首 ...

  2. RHEL7挂载ISO做本地yum

    测试环境,网络yum源没有本地yum源下载速度快!Yum比起RPM装包的好处就是可以自己处理依赖关系,也就是自己安装相关的依赖包,用起来也是很方便,但是删包的时候也会删除依赖包,这里要非常小心 01. ...

  3. Android 轻量级输入校验库:Fire Eye

    Fire Eye是一款轻量级简单易用的Android校验库. FireEye 2.0 在 1.0 的基础上,全部重写了代码,并优化了架构,性能上和逻辑上都大大提升.只需要几行代码,即可验证用户输入,并 ...

  4. 最棒的10款MySQL GUI工具

    绝大多数的关系数据库都明显不同于MS Access,它们都有两个截然不同的部分:后端作为数据仓库,前端作为用于数据组件通信的用户界面.这种设计非常巧妙,它并行处理两层编程模型,将数据 层从用户界面中分 ...

  5. Mybatis——oracle 的模糊查询 和 日期处理

    第一种 1 <if test="AGTNAM !=null and AGTNAM !=''"> <![CDATA[and AGTNAM like concat(c ...

  6. eclipse中如何远程java debug配置

    1.Window中修改startup.bat文件,在顶部添加如下: SET CATALINA_OPTS=-server -Xdebug -Xnoagent -Djava.compiler=NONE - ...

  7. JDK历史版本下载

    JDK6: http://www.oracle.com/technetwork/java/javase/downloads/java-archive-downloads-javase6-419409. ...

  8. Html-Css标签lable中定义宽度需要其他的支持

    lable的标签如果定义了width,如果要使起生效,则需要定义display width: 130px; display: inline-block;

  9. Segment-Based stereo matching

    首先代码实现是根据"Segment-Based Stereo Matching Using Belief Propogation and Self-Adapting Dissimilarit ...

  10. C语言中数组名作为参数进行函数传递

    用数组名作函数参数与用数组元素作实参有几点不同. 1) 用数组元素作实参时,只要数组类型和函数的形参变量的类型一致,那么作为下标变量的数组元素的类型也和函数形参变量的类型是一致的.因此,并不要求函数的 ...