브라우저 콘솔에서 JavaScript 개체의 현재 상태를 정확하게 보려면 어떻게 해야 합니까?

Console.log를 사용하여 객체의 현재 상태 가져오기

Safari와 같은 브라우저에서 console.log는 객체의 마지막 상태를 표시하지 않고 호출 당시의 상태입니다. 이는 객체 변경 사항을 디버깅하거나 분석할 때 불편할 수 있습니다.

객체 복제 방지

기존 방법에서는 console.log를 사용하기 전에 객체를 복제하여 특정 위치에서 상태를 검색하는 작업이 포함됩니다. 가리키다. 그러나 이 접근 방식은 비효율적이므로 피할 수 있습니다.

console.dir() 소개

복제 대신 console.dir() 사용을 고려해 보세요. console.log()와 달리 console.dir()은 호출 시 객체 속성의 디렉터리를 표시합니다. 이는 객체의 현재 상태를 정확하게 표현합니다.

예:

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

객체 탐색을 위한 JSON 구문 분석

또 다른 기술은 개체를 JSON으로 변환한 다음 다시 개체로 구문 분석하는 것입니다. 이렇게 하면 원본과 동일한 속성을 가진 새 객체가 생성되어 콘솔 내에서 탐색할 수 있습니다.

console.log(JSON.parse(JSON.stringify(obj))); // Browsable object representation

console.dir() 또는 JSON 구문 분석을 활용하여 개발자는 객체의 현재 상태를 효과적으로 얻을 수 있습니다. 객체 복제나 외부 도구 없이 콘솔에서 가능합니다.

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