js定义对象或数组直接量时各浏览器对多余逗号的处理(json)


Posted in Javascript onMarch 05, 2011

1、js引擎在代码载入时进行语法分析,如果js写的不规范则语法分析通不过。这时候的错误称为语法错误
2、语法分析通过了,js引擎会执行代码。执行期间发生的错误称为运行错误

不同引擎处理这2种错误的提示不太一样。如下:

var p = {name:"Jack",age:33,};//注意33后有个逗号 
p.toString = function() {return "姓名:" +this.name + ",年龄:" + this.age}; 
console.log(p); 
alert(p);//姓名:Jack,年龄33<br>

firefox下测试,引擎会忽略33后的逗号,可以通过语法检查,在执行期也不会报错
IE6/7下测试,语法分析期就报错了,当然也不会进入执行期了。
不过在IE8下已经修复此问题,不会报错了。其它浏览器也不会报错。

总结下:此错误很难发现,经常是不小心就加了个逗号,或者定义了一个很多属性的对象或数组后来又要删除其中的某些而不小心留下了多余的逗号。

//不规范的写法 
var p = {name:"Jack",age:33,}; 
var ary = ["one","two","three",]; 
//规范的写法 
var p = {name:"Jack",age:33}; 
var ary = ["one","two","three"];

此外,定义数组直接量时也可能碰到这个问题,如数组最后多了个逗号
var ary = [1,2,]; 
console.log(ary.length);

IE6/7/8 输出length为3,IE9及其它浏览器为2。ECMAScript 5 11.1.4 其中有段说明了应该忽略最后的逗号。但直到IE9才实现该规范。其它浏览器则没问题。

ECMAScript 5 11.1.4 写道:

Array elements may be elided at the beginning, middle or end of the element list. Whenever a comma in the element list is not preceded by an AssignmentExpression (i.e., a comma at the beginning or after another comma), the missing array element contributes to the length of the Array and increases the index of subsequent elements. Elided array elements are not defined. If an element is elided at the end of an array, that element does not contribute to the length of the Array.

有人曾经利用了数组的这个特性创造出了所谓《全世界最短的IE判断》

var ie = !-[1,]; 
alert(ie);

但在IE9下被终止了。不要利用这个Bug去判断浏览器。

JSON

在JSON格式中,逗号是多个属性键值对间的分隔符,例如:

var json = { id: 1, name: 'heero' };

但在编程的时候,很容易会画蛇添足,在最后一对键值对后也加上了逗号

var json = { id: 1, name: 'heero', };

在这种情况下,IE6、7会报错,但IE8以及其他浏览器则没有问题。

数组

在数组中,逗号是元素间的分隔符,例如:

var arr = [1, 2, 3];

同样地,我们也有可能不小心在最后一个元素后加了逗号

var arr = [1, 2, 3,];

凭直觉来说,这应该是错误的语法。但实际上,所有浏览器都对这种情况实现了兼容,包括IE6。考虑这样一段示例代码:

var arr = [1, 2, 3,];
for (var i = 0; i < arr.length; i++) { alert(arr[i]); }

在IE以外的浏览器上,均依次输出1、2、3;但在IE浏览器上,却是依次输出1、2、3、undefined。明显地,IE在那个多余的逗号后加了一个undefined元素

再考虑另一种情况,多余的逗号不在末尾,而是在中间:

var arr = [1, 2,, 3,];
for (var i = 0; i < arr.length; i++) { alert(arr[i]); }

所有浏览器均输出1、2、undefined、3,可见处理方式是一样的,就是在多余的逗号前插入一个undefined元素

Javascript 相关文章推荐
用javascript动态调整iframe高度的方法
Mar 06 Javascript
学习ExtJS(一) 之基础前提
Oct 07 Javascript
jQuery 表单验证扩展(四)
Oct 20 Javascript
利用JS延迟加载百度分享代码,提高网页速度
Jul 01 Javascript
js中符号转意问题示例探讨
Aug 19 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
Jul 18 Javascript
JS实现HTML标签转义及反转义
Apr 14 Javascript
javascript基础练习之翻转字符串与回文
Feb 20 Javascript
微信小程序 本地数据存储实例详解
Apr 13 Javascript
微信小程序车牌号码模拟键盘输入功能的实现代码
Nov 11 Javascript
使用electron制作满屏心特效的示例代码
Nov 27 Javascript
iphone刘海屏页面适配方法
May 07 Javascript
判断用户是否在线的代码
Mar 05 #Javascript
判断用户的在线状态 onbeforeunload事件
Mar 05 #Javascript
在多个页面使用同一个HTML片段《续》
Mar 04 #Javascript
在多个页面使用同一个HTML片段的代码
Mar 04 #Javascript
如何确保JavaScript的执行顺序 之实战篇
Mar 03 #Javascript
如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
Mar 03 #Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
Mar 03 #Javascript
You might like
PHP生成静态页面详解
2006/12/05 PHP
谷歌音乐搜索栏的提示功能php修正代码
2011/05/09 PHP
php数组的一些常见操作汇总
2011/07/17 PHP
php调用shell的方法
2014/11/05 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
浅析JS操作DOM的一些常用方法
2016/05/13 Javascript
使用jquery获取url及url参数的简单实例
2016/06/14 Javascript
详解Vue取消eslint语法限制
2018/08/04 Javascript
tsconfig.json配置详解
2019/05/17 Javascript
layui动态加载多表头的实例
2019/09/05 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
JS 数组基本用法入门示例解析
2020/01/16 Javascript
vue实现整屏滚动切换
2020/06/29 Javascript
python类继承用法实例分析
2014/10/10 Python
手动实现把python项目发布为exe可执行程序过程分享
2014/10/23 Python
浅谈Python中列表生成式和生成器的区别
2015/08/03 Python
Python的Django REST框架中的序列化及请求和返回
2016/04/11 Python
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
Python实现生成随机日期字符串的方法示例
2017/12/25 Python
对python 各种删除文件失败的处理方式分享
2018/04/24 Python
TensorFlow Session使用的两种方法小结
2018/07/30 Python
Python生成词云的实现代码
2020/01/14 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
PyCharm 2020 激活到 2100 年的教程
2020/03/25 Python
YOOX台湾:意大利奢侈品电商
2018/10/13 全球购物
英国行业制服供应商:Alexandra
2019/09/14 全球购物
单位法人授权委托书范本
2014/10/09 职场文书
社区党支部承诺书
2015/04/29 职场文书
跑吧孩子观后感
2015/06/10 职场文书
捐书仪式主持词
2015/07/04 职场文书
反腐倡廉学习心得体会范文
2015/08/15 职场文书
生活委员竞选稿
2015/11/21 职场文书
HR必备:销售经理聘用合同范本
2019/08/21 职场文书
python实现web邮箱扫描的示例(附源码)
2021/03/30 Python
使用python向MongoDB插入时间字段的操作
2021/05/18 Python
PHP中国际化的字符串排序和比较对象详解
2021/08/23 PHP