js(json)_javascript 기술에서 객체 또는 배열 리터럴을 정의할 때 각 브라우저가 추가 쉼표를 처리하는 방법

1. js 엔진은 코드가 로드될 때 구문 분석을 수행합니다. 작성된 js가 표준화되지 않은 경우 구문 분석이 실패합니다. 이때 발생하는 오류를 구문 오류라고 합니다
2. 구문 분석을 통과하면 js 엔진이 코드를 실행하게 됩니다. 실행 중에 발생하는 오류를 런타임 오류라고 합니다

엔진마다 이 두 오류를 다르게 처리합니다.

코드 복사 코드는 다음과 같습니다.

var p = {이름: "Jack", age:33,};//33 뒤에 쉼표가 있습니다
p.toString = function() {return "Name: " this.name ", Age: " this.age}; 🎜>console.log( p);
alert(p);//이름: Jack, 나이 33

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"];

또한 이를 정의할 때 발생할 수도 있습니다. array literal 이 문제는 배열 끝에 쉼표가 하나 더 있는 것과 같습니다.

코드 복사 코드는 다음과 같습니다.

var ary = [1,2,];
console.log(ary.length)

IE6/7/8 출력 길이는 3입니다. IE9 및 기타 브라우저는 2입니다. ECMAScript 5 11.1.4에는 마지막 쉼표를 무시해야 한다는 단락이 포함되어 있습니다. 그러나 사양은 IE9까지 구현되지 않았습니다. 다른 브라우저는 괜찮습니다.

ECMAScript 5 11.1.4 작성:

요소 목록의 쉼표 앞에 AssignmentExpression( 즉, 시작 부분이나 다른 쉼표 뒤에 쉼표가 있는 경우) 누락된 배열 요소는 배열의 길이에 기여하고 후속 요소의 인덱스를 증가시킵니다. 요소가 배열 끝에서 제거되면 정의되지 않습니다. , 해당 요소는 배열의 길이에 영향을 미치지 않습니다.

누군가가 배열의 이 기능을 활용하여 소위 "세계에서 가장 짧은 IE 판단"을 만든 적이 있습니다.

코드 복사 코드는 다음과 같습니다.

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

그러나 IE9에서는 종료되었습니다. 브라우저를 판단하기 위해 이 버그를 사용하지 마십시오.


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,];<p>for (var i = 0; i < arr.length; i ) { 경고(arr[i]) }</p>var arr = [1, 2, 3,];<br>for (var i = 0; i < arr.length; i ) { alert(arr[i]); } IE 이외의 브라우저에서는 1, 2, 3이 순서대로 출력되지만, IE 브라우저에서는 1, 2, 3, undefine이 순서대로 출력됩니다. 분명히

IE는 추가 쉼표 뒤에 정의되지 않은 요소 를 추가합니다.

추가 쉼표가 끝이 아닌 중간에 있는 또 다른 경우를 생각해 보세요.

var arr = [1, 2,, 3,];<p>for (var i = 0; i < arr.length; i ) { Alert(arr[i]) } 코드><code>var arr = [1, 2,, 3,];<br>for (var i = 0; i < arr.length; i ) { alert(arr[i]); }

모든 브라우저는 1, 2, undefine, 3을 출력한다. 처리 방법은 동일함을 알 수 있다. 즉,

는 여분의 쉼표 앞에 정의되지 않은 요소 를 삽입한다.