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


Posted in Javascript onDecember 31, 2014

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标准中,”}”字符前出现”,”是合法的,该逗号会被直接忽略掉。

Javascript 相关文章推荐
JavaScript实现Sleep函数的代码
Mar 04 Javascript
JavaScript 笔记二 Array和Date对象方法
May 22 Javascript
jQuery powerFloat万能浮动层下拉层插件使用介绍
Dec 27 Javascript
3分钟写出来的Jquery版checkbox全选反选功能
Oct 23 Javascript
关闭浏览器时提示onbeforeunload事件
Dec 25 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
Mar 13 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
Sep 06 Javascript
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 jQuery
微信小程序“摇一摇”的实例代码
Jul 20 Javascript
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
QQ跳转支付宝并自动领红包脚本(最新)
Jun 22 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
Sep 09 Javascript
javascript设计模式之中介者模式Mediator
Dec 30 #Javascript
javascript实现window.print()去除页眉页脚
Dec 30 #Javascript
Javascript访问器属性实例分析
Dec 30 #Javascript
Javascript中数组sort和reverse用法分析
Dec 30 #Javascript
jQuery中:visible选择器用法实例
Dec 30 #Javascript
JQuery设置时间段下拉选择实例
Dec 30 #Javascript
jQuery中:hidden选择器用法实例
Dec 30 #Javascript
You might like
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
Laravel使用支付宝进行支付的示例代码
2017/08/16 PHP
win10下 php安装seaslog扩展的详细步骤
2020/12/04 PHP
利用jQuery接受和处理xml数据的代码(.net)
2011/03/28 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
2013/02/05 Javascript
fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决
2015/11/09 Javascript
JavaScript常用函数工具集:lao-utils
2016/03/01 Javascript
iOS和Android用同一个二维码实现跳转下载链接的方法
2016/09/28 Javascript
JS判断一个数是否是水仙花数
2017/06/11 Javascript
BackBone及其实例探究_动力节点Java学院整理
2017/07/14 Javascript
Vue中建立全局引用或者全局命令的方法
2017/08/21 Javascript
通过button将form表单的数据提交到action层的实例
2017/09/08 Javascript
vue使用keep-alive实现数据缓存不刷新
2017/10/21 Javascript
React项目动态设置title标题的方法示例
2018/09/26 Javascript
webpack-mvc 传统多页面组件化开发详解
2019/05/07 Javascript
基于VUE的v-charts的曲线显示功能
2019/10/01 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
2020/07/18 Javascript
vue解决跨域问题(推荐)
2020/11/10 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
2020/11/18 Vue.js
Python并行分布式框架Celery详解
2018/10/15 Python
Python txt文件加入字典并查询的方法
2019/01/15 Python
python 实现查找文件并输出满足某一条件的数据项方法
2019/06/12 Python
QML用PathView实现轮播图
2020/06/03 Python
python suds访问webservice服务实现
2020/06/26 Python
Python类型转换的魔术方法详解
2020/12/23 Python
纯HTML5+CSS3制作图片旋转
2016/01/12 HTML / CSS
UNDONE手表官网:世界领先的定制手表品牌
2018/11/13 全球购物
现代生活方式的家具和装饰:Dot & Bo
2018/12/26 全球购物
推荐信格式范文
2014/05/09 职场文书
维稳工作承诺书
2015/01/20 职场文书
大学生自荐信范文
2015/03/05 职场文书
职工培训工作总结
2015/08/10 职场文书
2016年教师师德师风心得体会
2016/01/12 职场文书
2016年助残日旅游活动总结
2016/04/01 职场文书
python如何正确使用yield
2021/05/21 Python
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers