JavaScript中用字面量创建对象介绍

更新时间：2014年12月31日 08:42:06 投稿：junjie

这篇文章主要介绍了JavaScript中用字面量创建对象介绍,本文直接给出代码实例,并讲解了一些技巧,需要的朋友可以参考下

JavaScript中可以用字面量来直接创建一个新对象：

复制代码代码如下:

var obj = {a:27, "b":99};

如上所述，在用字面量来创建对象的时候，对象中的property定义可以用单引号或双引号来包括，也可以忽略引号。不过，当property中出现空格、斜杠等特殊字符，或者使用的property与JS关键词冲突时，则必须使用引号。

在用字面量来创建对象的时候，property可以是空字符串，property中也可以出现空格：

复制代码代码如下:

//empty string is allowed as object property
var o = {"":88, "p":99};
console.log(o);//Object { =88, p=99}

//spaces can be included in property
var o2 = {"good score":99, "bad score":52};
console.log(o2);//Object {good score=99, bad score=52}

值得注意的是，即使使用的字面量相同，每次使用字面量时，JavaScript都会创建一个全新的对象：

复制代码代码如下:

//every object literal creates a new and distinct object.

var x = {a:18, b:28};

var y = {a:18, b:28};

console.log(x === y);//false

在字面量中，如果最后多出一个逗号(“}”字符前出现”,”)，那么有一些JavaScript解释器将报错。事实上，在IE7中，这种行为将导致浏览器假死等问题。在ECMAScript 5标准中，”}”字符前出现”,”是合法的，该逗号会被直接忽略掉。

您可能感兴趣的文章:

layui实现下拉框三级联动
这篇文章主要为大家详细介绍了layui实现下拉框三级联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-07-07
JS实现十分钟倒计时代码实例
在本篇文章里我们给大家分享了关于JS实现十分钟倒计时的相关实例代码，有需要的朋友们可以学习下。
2018-10-10
javascript关于open.window子页面执行完成后刷新父页面的问题分析
这篇文章主要介绍了javascript关于open.window子页面执行完成后刷新父页面的问题,实例分析了javascript操作子页面的执行与父页面的刷新技巧,非常具有实用价值,需要的朋友可以参考下
2015-04-04
JS实现随机生成验证码
这篇文章主要为大家详细介绍了JS实现随机生成验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
JS如何让你的移动端交互体验更加优秀
现在在手机等移动端设备访问的人越来越多，我们前端开发者一直致力于将设计稿还原成页面，供用户访问。但除高度还原设计稿外，交互上的良好体验也是我们应该做到的。
2021-05-05
纯JS实现只能输入数字的简单代码
本文给大家分享一段简单的代码基于js实现只能输入数字的方法，非常不错，具有参考借鉴价值，需要的的朋友参考下吧
2017-06-06
详解webpack2异步加载套路
这篇文章主要介绍了详解webpack2异步加载套路,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
js+css实现的简单易用兼容好的分页
使用html、js、css实现的简单易用兼容好的分页，具体的实现如下，感兴趣的朋友可以参考下
2013-12-12
JavaScript判断数字是否为质数的方法汇总
这篇文章主要介绍了JavaScript判断数字是否为质数的方法汇总的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
JavaScript严格模式下关于this的几种指向详解
除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。下面这篇文章主要给大家介绍了在JavaScript严格模式下关于this的几种指向的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-07-07