Chrome의 JavaScript 콘솔이 Firefox와 비교하여 일관되지 않은 개체 값을 표시하는 이유는 무엇입니까?

Chrome의 JavaScript 콘솔: 지연 객체 평가 Enigma

디버깅 도구 영역에서 JavaScript 콘솔은 귀중한 자산입니다. 그러나 사용자는 개체를 로깅할 때 Chrome과 Firefox 사이에 불일치가 발생했습니다.

문제

다음 코드를 고려하세요.

var s = ["hi"];
console.log(s);
s[0] = "bye";
console.log(s);

Firefox에서, 콘솔은 배열을 다음과 같이 정확하게 기록합니다.

[ "hi" ]
[ "bye" ]

그러나 Chrome의 JavaScript 콘솔은 (버전 7.0.517.41 베타) 설명할 수 없을 정도로 두 명령문을 다음과 같이 기록합니다.

[ "bye" ]
[ "bye" ]

버그 또는 게으른 평가?

이것이 버그인지 아니면 특이한 점인지에 대한 의문이 생깁니다. Chrome 콘솔에 대한 정보가 있나요?

버그

검색해보니 바로 이 문제를 설명하는 확인되지 않은 기존 Webkit 버그(https://bugs.webkit.org/show_bug.cgi?id=35801)가 발견되었습니다.

심각도 논쟁

버그의 심각도는 토론. 어떤 사람들은 이것이 진짜 버그라고 주장하는 반면 다른 사람들은 그것이 허용 가능한 범위에 속한다고 주장합니다.

문제 방지

논쟁에도 불구하고 간단한 해결책이 있습니다. 코드에서 이러한 동작을 방지하세요.

var s = ["hi"];
console.log(s.toString());
s[0] = "bye";
console.log(s.toString());

객체를 문자열 표현으로 변환(다음을 통해) toString)을 사용하면 후속 수정의 영향을 받지 않는 정적 이미지를 효과적으로 생성할 수 있습니다. 그러면 콘솔이 다음 스냅샷을 출력합니다:

hi
bye

위 내용은 Chrome의 JavaScript 콘솔이 Firefox와 비교하여 일관되지 않은 개체 값을 표시하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!