javascript - Vue에서 console.log의 출력 값이 console.log 이후의 명령문에 영향을 받는 이유와 이 효과를 방지하는 방법

Question

vue에서 console.log(a)의 값 출력이 console.log(a) 이후의 명령문에 영향을 받는 이유와 이 효과를 피하는 방법

논리적으로 말하면 console.log가 두 번 출력한 값은 달라야 하는데 왜 같은가요? 두 개의 출력 값만 서로 간섭하지 않습니다

으아악

Answer 1

이것은 디버그 제어의 기능입니다. console.log가 출력하는 것은 객체의 스냅샷이 아닙니다. 콘솔에서 사용해 볼 수 있습니다

Answer 2

제가 이해한 바에 따르면 a는 객체와 마찬가지로 배열이므로 보기 위해 메모리 주소에 액세스합니다.
저는 직장에서 크롬을 자주 사용하기 때문에 console.log디버거에서 개체를 클릭하면 내부 내용은 기본적으로 동일하지만 표면적으로는 전후의 결과가 다르다는 것을 알 수 있습니다.
그러나 포인트를 지정하고 디버그하면 변경 전과 변경 이후가 다르다는 것을 알 수 있습니다.
위 사진

Answer 3

같지 않습니다. 방금 코드를 직접 복사했는데 실행해도 그대로네요~
추가하고 나면 a가 당연히 1개 더 나오네요

Answer 4

여기 가벼운 해결책이 있습니다:

console.log(JSON.stringify(data, null, 2))

그렇습니다.