console.log()의 실행순서 관련

Question

var obj &#61; {}; console.log(obj); obj.a &#61; 1; console.log(obj); 해당 코드를 실행하면 위의 console에서도 a : 1이 들어가 있다고 나오는데, 찾아보기로는 console.log는 참조를 로깅하기 때문에, 객체와 같이 내용물이 변할 수 있는 것들은 내용이 실시간으로 바뀐다고하는 설명을 들었습니다. 근데 실시간으로 바뀌어도 아무것도 없을때의 obj가 console을 통해 먼저 출력되고 그 다음에 obj.a&#61;1을 넣어주는건데 그래도 위에있는 콘솔이 바뀌는건가요?

으악 또 · Answer

음 오브젝트를 로그 찍는 다면let a ={}로그 (a)a.x ='x';로그 (a)요렇게 찍는 다치면 콘솔에서 [object] <== 요런식으로 나올 꺼임디버깅 모드 들어가서 하나 하나 열어 보면a {}a{x:x}요렇게 찍혀 나오는데 전 부 실행 시키고 확인 하면 a{x:x} 요것 만 놔옴

HJOW · Answer

var obj &#61; {}; console.log(obj); obj.a &#61; 1; console.log(obj);이거 실행하면 출력물은{} {a: 1}이렇게 나옵니다. (지금 웹브라우저 F12키 눌러서 코드 붙여넣고 바로 재현 가능)두 번의 콘솔 로그 출력 중 위의 것은 바뀌지 않습니다.콘솔 로그 출력에 둘다 obj 를 출력했지만 둘이 찍히는 결과가 달라졌다는 것을 보여주고 싶었을 겁니다.어쨌든 요점은 변수 obj 가 가리키는 레퍼런스의 상태가 바뀌었다 라는 겁니다.이걸 예제와 말로 표현을 해야 하는데 님은 너무 깊게 생각하신 것 같습니다.

Clickin · Answer

브라우저의 자바스크립트 엔진이 이벤트 루프를 기반으로 동작하는걸 다시 한번 생각해보시면 단서가 있습니다.https://stackoverflow.com/questions/4057440/is-chrome-s-javascript-console-lazy-about-evaluating-objects이 답변이 큰 도움이 될 것 같네요

console.log()의 실행순서 관련

3개의 답변

기술 목록