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 相关文章推荐
jQuery 1.0.2
Oct 11 Javascript
JavaScript 组件之旅(一)分析和设计
Oct 28 Javascript
js读取json的两种常用方法示例介绍
Oct 19 Javascript
JS基于VML技术实现的五角星礼花效果代码
Oct 26 Javascript
Javascript自定义事件详解
Jan 13 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
浅谈struts1 & jquery form 文件异步上传
May 25 jQuery
vue-router2.0 组件之间传参及获取动态参数的方法
Nov 10 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
Jan 26 Javascript
基于vue中css预加载使用sass的配置方式详解
Mar 13 Javascript
Bootstrap 按钮样式与使用代码详解
Dec 09 Javascript
Vue3.0数据响应式原理详解
Oct 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出现Cannot modify header information问题的解决方法大全
2008/04/09 PHP
session 加入redis的实现代码
2016/07/15 PHP
豆瓣网的jquery代码实例
2008/06/15 Javascript
IE6与IE7中,innerHTML获取param的区别
2009/03/15 Javascript
Jquery ajaxsubmit上传图片实现代码
2010/11/04 Javascript
JS清空多文本框、文本域示例代码
2014/02/24 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
2014/04/23 Javascript
jquery form 隐藏的input 选择
2014/04/29 Javascript
jquery 隐藏与显示tr标签示例代码
2014/06/06 Javascript
Jquery Ajax Error 调试错误的技巧
2015/11/20 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
JS版微信6.0分享接口用法分析
2016/10/13 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
解决vue自定义全局消息框组件问题
2019/11/22 Javascript
Vue仿百度搜索功能
2020/12/28 Vue.js
[59:48]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第一场 1月26日
2021/03/11 DOTA
改进Django中的表单的简单方法
2015/07/17 Python
浅谈function(函数)中的动态参数
2017/04/30 Python
Python编程之基于概率论的分类方法:朴素贝叶斯
2017/11/11 Python
Python使用Tkinter实现机器人走迷宫
2018/01/22 Python
Django使用uwsgi部署时的配置以及django日志文件的处理方法
2019/08/30 Python
详解Python3 中的字符串格式化语法
2020/01/15 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
在python里创建一个任务(Task)实例
2020/04/25 Python
阿联酋手表和配饰购物网站:Rivolishop
2019/11/25 全球购物
美国高端牛仔品牌:Silver Jeans
2019/12/12 全球购物
乌克兰珠宝大卖场:Zlato.ua
2020/09/27 全球购物
汽车运用工程系毕业生自荐信
2013/12/27 职场文书
小学新学期教师寄语
2014/01/18 职场文书
幼儿评语大全
2014/04/30 职场文书
离婚协议书格式
2015/01/26 职场文书
护士长2015年终工作总结
2015/04/24 职场文书
家长对孩子的寒假评语
2015/10/09 职场文书
动态规划之使用备忘录来改进Javascript函数
2022/04/07 Javascript