나만 몰랐던거 같은 console.log의 함정을 발견했다.
웹 개발자라면 매일 보는 화면일것이다.
크롬의 개발자 도구.. 이곳에 크나큰 함정이 하나 숨어있다.
console.log()에 Object를 넣으면 다음과 같은 형식으로 출력 될것이다.
이렇게 오브젝트를 펼칠수도 있다.
이제 key값을 변경해보자.
exampleObject의 현재 콘솔에 찍힌 key 값은 0이다. 왜냐? 키값을 바꾸기 전에 로그를 찍었으니까.
근데... 이걸 펼치면....!
????? console.log()가 찍힌 시점이 아닌 현재의 오브젝트가 펼쳐진다..
분명히 펼치기 전엔 값이 보였는데 펼치고 나니 undefined 가 튀어나오길래 이거 왜이래 하고 지피티한테 물어봤더니 해주는 말이.. "원래 그래요 ㅋㅋ"
이자식 또 헛소리하네 하고 구글링해봤더니 진짜였다...
항상 스택오버플로우 형님들께 감사해야겠다.
뭐든 다 해봅니다!