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 打印页面代码
Mar 24 Javascript
jQuery-Tools-overlay 使用介绍
Jul 14 Javascript
类似天猫商品详情随浏览器移动的示例代码
Feb 27 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
Jan 19 Javascript
在vue中使用Autoprefixed的方法
Jul 27 Javascript
Vue在 Nuxt.js 中重定向 404 页面的方法
Apr 23 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
js事件触发操作实例分析
Jun 21 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
Apr 26 Javascript
JS代码简洁方式之函数方法详解
Jul 28 Javascript
vue中实现点击变成全屏的多种方法
Sep 27 Javascript
Vue3.0中Ref与Reactive的区别示例详析
Jul 07 Vue.js
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中判断变量为空的几种方法小结
2013/11/12 PHP
PHP比你想象的好得多
2014/11/27 PHP
php模拟服务器实现autoindex效果的方法
2015/03/10 PHP
PHP动态柱状图实现方法
2015/03/30 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
JavaScript 继承详解 第一篇
2009/08/30 Javascript
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
2011/02/18 Javascript
Js实现动态添加删除Table行示例
2014/04/14 Javascript
HTML,CSS,JavaScript速查表推荐
2014/12/02 Javascript
JavaScript中的alert()函数使用技巧详解
2014/12/29 Javascript
FullCalendar日历插件应用之数据展现(一)
2015/12/23 Javascript
jQuery选择器实例应用
2017/01/05 Javascript
JSON键值对序列化和反序列化解析
2017/01/24 Javascript
vue iview组件表格 render函数的使用方法详解
2018/03/15 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
2020/10/29 Javascript
编写Python脚本使得web页面上的代码高亮显示
2015/04/24 Python
python得到qq句柄,并显示在前台的方法
2018/10/14 Python
Python Excel处理库openpyxl使用详解
2019/05/09 Python
Python SSL证书验证问题解决方案
2020/01/13 Python
Python动态导入模块:__import__、importlib、动态导入的使用场景实例分析
2020/03/30 Python
Pandas把dataframe或series转换成list的方法
2020/06/14 Python
Python 微信公众号文章爬取的示例代码
2020/11/30 Python
一篇文章带你学习CSS3图片边框
2020/11/04 HTML / CSS
佳能英国官方网站:Canon UK
2017/08/08 全球购物
Hudson Jeans官网:高级精制牛仔裤
2018/11/28 全球购物
任课老师推荐信范文
2013/11/24 职场文书
乡镇干部先进事迹材料
2014/02/03 职场文书
七一讲话心得体会
2014/09/05 职场文书
运动会报道稿300字
2014/10/02 职场文书
三十年同学聚会感言
2015/07/30 职场文书
详解MySQL中的pid与socket
2021/06/15 MySQL
详细聊聊MySQL中慢SQL优化的方向
2021/08/30 MySQL
Apache Linkis 中间件架构及快速安装步骤
2022/03/16 Servers
gtx1650怎么样 gtx1650显卡相当于什么级别
2022/04/08 数码科技
JS前端可扩展的低代码UI框架Sunmao使用详解
2022/07/23 Javascript