JavaScript 콘솔에서 객체 상태를 정확하게 표시하려면 어떻게 해야 합니까?

Console.log에 개체 상태를 표시하는 데 문제가 있습니까? console.dir() 또는 JSON 변환 활용

개발자는 콘솔에서 객체 상태를 검사할 때 표시된 데이터와 실행 지점의 실제 객체 상태 사이의 불일치에 직면하는 경우가 많습니다. 이는 console.log()가 동작하는 방식 때문일 수 있는데, 이는 마지막 실행 단계의 객체 상태만 보여줍니다.

이 문제를 완화하고 console.log 시점의 객체 상태를 정확하게 검색하려면 () 호출에 대한 효과적인 해결책 중 하나는 console.dir()을 사용하는 것입니다. 객체에 대한 참조를 제공하는 console.log()와 달리 console.dir()은 호출 순간 객체 속성의 디렉터리를 제공합니다.

대체 접근 방식은 객체를 JSON.stringify()를 사용하여 JSON 문자열을 만든 다음 JSON.parse()를 사용하여 다시 객체로 구문 분석합니다. 이 기술은 console.dir()에서 제공하는 것과 유사한 탐색 가능한 개체를 생성합니다.

다음은 console.log()와 console.dir()의 차이점을 보여주는 예입니다.

var test = {a: true}
console.log(test); // {a: false}
test.a = false; 
console.dir(test); // {a: false}

이 예에서 console.log()는 실행과 콘솔 출력 사이의 시간 지연으로 인해 수정된 객체 상태({a: false})를 표시합니다. 반면에 console.dir()은 호출 당시의 객체 상태를 정확하게 캡처합니다.

위 내용은 JavaScript 콘솔에서 객체 상태를 정확하게 표시하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!