定义对象或数组直接量时不同引擎对多余逗号的处理
这种错误已经多次犯了,一次用Ext做abcc的demo,一次是abcc查询模块。
js报错分为两种:语法错误和运行错误
1、js引擎在代码载入时进行语法分析,如果js写的不规范则语法分析通不过。这时候的错误称为语法错误
2、语法分析通过了,js引擎会执行代码。执行期间发生的错误称为运行错误
不同引擎处理这2种错误的提示不太一样。如下:
1 2 3 4 | var p = {name: "Jack" ,age:33,}; //注意33后有个逗号 p.toString = function () { return "姓名:" + this .name + ",年龄:" + this .age}; console.log(p); alert(p); //姓名:Jack,年龄33 |
firefox下测试,引擎会忽略33后的逗号,可以通过语法检查,在执行期也不会报错
IE6/7下测试,语法分析期就报错了,当然也不会进入执行期了。
不过在IE8下已经修复此问题,不会报错了。其它浏览器也不会报错。
总结下:此错误很难发现,经常是不小心就加了个逗号,或者定义了一个很多属性的对象或数组后来又要删除其中的某些而不小心留下了多余的逗号。
1 2 3 4 5 6 | //不规范的写法 var p = {name: "Jack" ,age:33,}; var ary = [ "one" , "two" , "three" ,]; //规范的写法 var p = {name: "Jack" ,age:33}; var ary = [ "one" , "two" , "three" ]; |
此外,定义数组直接量时也可能碰到这个问题,如数组最后多了个逗号
1 2 | 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判断》
1 2 | var ie = !-[1,]; alert(ie); |
但在IE9下被终止了。不要利用这个Bug去判断浏览器。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端