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 相关文章推荐
JQuery this 和 $(this) 的区别
Aug 23 Javascript
js中格式化日期时间型数据函数代码
Nov 08 Javascript
JQuery中getJSON的使用方法
Dec 13 Javascript
客户端js性能优化小技巧整理
Nov 05 Javascript
使用GruntJS构建Web程序之构建篇
Jun 04 Javascript
Python脚本后台运行的几种方式
Mar 09 Javascript
基于JQuery实现图片上传预览与删除操作
May 24 Javascript
Vue实现双向绑定的方法
Dec 22 Javascript
vue使用vuex实现首页导航切换不同路由的方法
May 08 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 Javascript
vue自定义标签和单页面多路由的实现代码
May 03 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 jQuery
判断用户是否在线的代码
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实现利用phpexcel导出数据
2013/08/24 PHP
php调用google接口生成二维码示例
2014/04/28 PHP
ThinkPHP之M方法实例详解
2014/06/20 PHP
ThinkPHP中I(),U(),$this-&gt;post()等函数用法
2014/11/22 PHP
ThinkPHP模板循环输出Volist标签用法实例详解
2016/03/23 PHP
php使用正则验证中文
2016/04/06 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
firefox下jquery ajax返回object XMLDocument处理方法
2014/01/26 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
jquery实现全选功能效果的实现代码
2016/05/05 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
2016/08/26 Javascript
JS异步文件上传(兼容IE8+)
2017/04/02 Javascript
总结javascript三元运算符知识点
2018/09/28 Javascript
微信小程序实现的日期午别医生排班表功能示例
2019/01/09 Javascript
vue keep-alive 动态删除组件缓存的例子
2019/11/04 Javascript
Python中3种内建数据结构:列表、元组和字典
2014/11/30 Python
Python实现给文件添加内容及得到文件信息的方法
2015/05/28 Python
关于Python数据结构中字典的心得
2017/12/04 Python
解决pip install的时候报错timed out的问题
2018/06/12 Python
Python学习笔记之集合的概念和简单使用示例
2019/08/22 Python
Python开发入门——迭代的基本使用
2020/09/03 Python
远东集团网络工程师面试题
2014/10/20 面试题
老师给学生的表扬信
2014/01/17 职场文书
医学生求职信
2014/07/01 职场文书
延安红色之旅心得体会
2014/10/07 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
质量保证书格式模板
2015/02/27 职场文书
2015年综治维稳工作总结
2015/04/07 职场文书
再读《皇帝的新衣》的读后感悟!
2019/08/07 职场文书
Python的flask接收前台的ajax的post数据和get数据的方法
2021/04/12 Python
spring boot项目application.properties文件存放及使用介绍
2021/06/30 Java/Android
SQL实现LeetCode(175.联合两表)
2021/08/04 MySQL
python的变量和简单数字类型详解
2021/09/15 Python
Java中的随机数Random
2022/03/17 Java/Android
Java版 简易五子棋小游戏
2022/05/04 Java/Android
Python测试框架pytest高阶用法全面详解
2022/06/01 Python