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+ajax每秒向后台发送请求数据然后返回页面的代码
Jan 17 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
May 23 Javascript
jQuery之字体大小的设置方法
Feb 27 Javascript
Javascript中this的用法详解
Sep 22 Javascript
轻松实现JavaScript图片切换
Jan 12 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
Vue监听事件实现计数点击依次增加的方法
Sep 26 Javascript
基于Vue 撸一个指令实现拖拽功能
Oct 09 Javascript
《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析
Apr 08 Javascript
node+vue实现文件上传功能
May 28 Javascript
vue-model实现简易计算器
Aug 17 Javascript
使用compose函数优化代码提高可读性及扩展性
Jun 16 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
收音机玩机评测 406 篇视频合集
2020/03/11 无线电
PHP 中dirname(_file_)讲解
2007/03/18 PHP
PHP基于CURL进行POST数据上传实例
2014/11/10 PHP
php获取json数据所有的节点路径
2015/05/17 PHP
PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
2016/04/14 PHP
laravel在中间件内生成参数并且传递到控制器中的2种姿势
2019/10/15 PHP
Laravel 框架基于自带的用户系统实现登录注册及错误处理功能分析
2020/04/14 PHP
10个基于Jquery的幻灯片插件教程
2010/10/29 Javascript
再论Javascript的类继承
2011/03/05 Javascript
在Javascript中 声明时用"var"与不用"var"的区别
2013/04/15 Javascript
简单几行JS Code实现IE邮件转发新浪微博
2013/07/03 Javascript
IE6已终止操作问题的2种情况及解决
2014/04/23 Javascript
javascript几个易错点记录
2014/11/26 Javascript
基于jquery实现ajax无刷新评论
2020/08/19 Javascript
JavaScript实现滑动导航栏效果
2017/08/30 Javascript
浅谈Vue网络请求之interceptors实际应用
2018/02/28 Javascript
NodeJS实现不可逆加密与密码密文保存的方法
2018/03/16 NodeJs
使用watch在微信小程序中实现全局状态共享
2019/06/03 Javascript
element-ui table组件如何使用render属性的实现
2019/11/04 Javascript
vue如何使用async、await实现同步请求
2019/12/09 Javascript
Node.js中文件系统fs模块的使用及常用接口
2020/03/06 Javascript
javascript实现贪吃蛇经典游戏
2020/04/10 Javascript
python搜索指定目录的方法
2015/04/29 Python
Python编程之变量赋值操作实例分析
2017/07/24 Python
Python实现PS图像调整颜色梯度效果示例
2018/01/25 Python
python实现逆序输出一个数字的示例讲解
2018/06/25 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
在python中只选取列表中某一纵列的方法
2018/11/28 Python
解决Python运行文件出现out of memory框的问题
2018/12/03 Python
Python加密模块的hashlib,hmac模块使用解析
2020/01/02 Python
python PyAUtoGUI库实现自动化控制鼠标键盘
2020/09/09 Python
Python爬虫制作翻译程序的示例代码
2021/02/22 Python
Web页面中八种创建多列等高(等高列布局)的实现技术
2012/12/24 HTML / CSS
css3针对移动端卡顿问题的解决(动画性能优化)
2020/02/14 HTML / CSS
Mixbook加拿大:照片书,照片卡,剪贴簿,年历和日历
2017/02/21 全球购物
医生行业员工的辞职信
2019/06/24 职场文书