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 相关文章推荐
幻宇的层模拟窗口效果-提供演示和下载
Jan 20 Javascript
JS删除数组元素的函数介绍
Mar 27 Javascript
使用jquery 简单实现下拉菜单
Jan 14 Javascript
JQuery动画与特效实例分析
Feb 02 Javascript
JS实现添加,替换,删除节点元素的方法
Jun 30 Javascript
JavaScrpt的面向对象全面解析
May 09 Javascript
extract-text-webpack-plugin用法详解
Feb 14 Javascript
vue-cli3项目展示本地Markdown文件的方法
Jun 07 Javascript
tweenjs缓动算法的使用实例分析
Aug 26 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
Jul 28 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
Aug 07 Javascript
创建与框架无关的JavaScript插件
Dec 01 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中上传大体积文件时需要的设置
2006/10/09 PHP
php empty()与isset()区别的详细介绍
2013/06/17 PHP
function, new function, new Function之间的区别
2007/03/08 Javascript
JavaScript聚焦于第一个字段的代码
2010/10/15 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
60个很实用的jQuery代码开发技巧收集
2014/12/15 Javascript
jquery仿QQ登录账号选择下拉框效果
2016/03/22 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
2016/06/14 Javascript
AngularJS使用ng-options指令实现下拉框
2016/08/23 Javascript
Bootstrap CSS使用方法
2016/12/23 Javascript
详解解决使用axios发送json后台接收不到的问题
2018/06/27 Javascript
在iFrame子页面里实现模态框的方法
2018/08/17 Javascript
如何使用vuex实现兄弟组件通信
2018/11/02 Javascript
基于Vue实现图片在指定区域内移动的思路详解
2018/11/11 Javascript
详解js静态检查工具eslint配置文件
2018/11/23 Javascript
使用Vue.js中的过滤器实现幂方求值的方法
2019/08/27 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
Python基础中所出现的异常报错总结
2016/11/19 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
Python3结合Dlib实现人脸识别和剪切
2018/01/24 Python
Python实现的网页截图功能【PyQt4与selenium组件】
2018/07/12 Python
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
Python面向对象之类和实例用法分析
2019/06/08 Python
分享一个H5原生form表单的checkbox特效代码
2018/02/26 HTML / CSS
Data URI scheme详解和使用实例及图片base64编码实现方法
2014/05/08 HTML / CSS
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
超市营业员求职简历的自我评价
2013/10/17 职场文书
自我鉴定书面格式
2014/01/13 职场文书
应届大学生简历中的自我评价
2014/01/15 职场文书
运动会稿件200字
2014/02/07 职场文书
《厄运打不垮的信念》教学反思
2014/04/13 职场文书
拓展策划方案
2014/06/03 职场文书
店铺转让协议书(2014版)
2014/09/23 职场文书
2019关于实习生工作安排及待遇的管理方案!
2019/07/16 职场文书
导游词之沈阳植物园
2019/11/30 职场文书
Go语言 go程释放操作(退出/销毁)
2021/04/30 Golang