js定義對象或數(shù)組直接量時各瀏覽器對多余逗號的處理(json)
2、語法分析通過了,js引擎會執(zhí)行代碼。執(zhí)行期間發(fā)生的錯誤稱為運行錯誤
不同引擎處理這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后的逗號,可以通過語法檢查,在執(zhí)行期也不會報錯
IE6/7下測試,語法分析期就報錯了,當然也不會進入執(zhí)行期了。
不過在IE8下已經修復此問題,不會報錯了。其它瀏覽器也不會報錯。
總結下:此錯誤很難發(fā)現(xiàn),經常是不小心就加了個逗號,或者定義了一個很多屬性的對象或數(shù)組后來又要刪除其中的某些而不小心留下了多余的逗號。
//不規(guī)范的寫法
var p = {name:"Jack",age:33,};
var ary = ["one","two","three",];
//規(guī)范的寫法
var p = {name:"Jack",age:33};
var ary = ["one","two","three"];
此外,定義數(shù)組直接量時也可能碰到這個問題,如數(shù)組最后多了個逗號
var ary = [1,2,];
console.log(ary.length);
IE6/7/8 輸出length為3,IE9及其它瀏覽器為2。ECMAScript 5 11.1.4 其中有段說明了應該忽略最后的逗號。但直到IE9才實現(xiàn)該規(guī)范。其它瀏覽器則沒問題。
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.
有人曾經利用了數(shù)組的這個特性創(chuàng)造出了所謂《全世界最短的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以及其他瀏覽器則沒有問題。
數(shù)組
在數(shù)組中,逗號是元素間的分隔符,例如:
var arr = [1, 2, 3];
同樣地,我們也有可能不小心在最后一個元素后加了逗號:
var arr = [1, 2, 3,];
憑直覺來說,這應該是錯誤的語法。但實際上,所有瀏覽器都對這種情況實現(xiàn)了兼容,包括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中的FileReader圖片預覽上傳功能實現(xiàn)代碼
本文通過實例代碼給大家介紹了js中的FileReader圖片預覽上傳功能,代碼分為html和js代碼兩部分,具體實現(xiàn)代碼大家參考下本文2017-07-07
Webpack學習之動態(tài)import原理及源碼分析
這篇文章主要為大家介紹了Webpack學習之動態(tài)import原理及源碼分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-04-04
django js 實現(xiàn)表格動態(tài)標序號的實例代碼
本文通過實例代碼給大家介紹了django js 實現(xiàn)表格動態(tài)標序號 ,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07
JS實現(xiàn)pasteHTML兼容ie,firefox,chrome的方法
這篇文章主要介紹了JS實現(xiàn)pasteHTML兼容ie,firefox,chrome的方法,涉及javascript針對頁面元素的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06

