Chrome의 JavaScript 콘솔에 수정된 배열의 최종 값만 표시되는 이유는 무엇입니까?

Chrome의 JavaScript 콘솔에서 예상치 못한 개체 평가가 발생함

Firefox와 Chrome JavaScript 콘솔을 비교한 결과 특이한 동작이 나타났습니다. Firefox는 배열의 초기 값과 후속 수정 사항을 정확하게 인쇄하지만 Chrome은 두 인스턴스 모두에 대해 수정된 값만 표시합니다.

문제:

다음 코드는 문제를 보여줍니다. :

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

Firefox의 콘솔은 기대되는 결과를 만들어냅니다. 출력:

["hi"]
["bye"]

그러나 Chrome 콘솔은 다음을 렌더링합니다.

["bye"]
["bye"]

답변:

이 동작은 알려진 문제로 인해 발생했으며 현재 수정되었습니다. Webkit의 버그: https://bugs.webkit.org/show_bug.cgi?id=35801. 여기에는 개체에 대한 콘솔의 지연 평가가 포함됩니다.

지연 평가는 콘솔이 출력을 표시할 준비가 될 때까지 개체를 평가하지 않는다는 의미입니다. 이는 콘솔이 활성화되기 전에 개체가 수정된 경우에도 발생합니다.

해결 방법:

이 문제를 방지하려면 로깅하기 전에 개체를 문자열 표현으로 변환할 수 있습니다. it:

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

이렇게 하면 객체가 즉시 평가되고 콘솔은 다음을 출력합니다.

hi
bye

위 내용은 Chrome의 JavaScript 콘솔에 수정된 배열의 최종 값만 표시되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!