[개발자 도구] enumerable 여부에 따른 속성 색상 표시

enumerable 여부에 따른 속성 색상 표시

---

개발자도구 콘솔창

 

개발자 도구의 콘솔 창에서 이것저것 테스트를 해보다가 알게되었다. 미세한 차이라 지금까지 의식하지 못했지만.. [[FunctionLocatoiin]]처럼 좀 더 짙은 보라색으로 표현된 속성이 있고, arguments, caller,... 처럼 좀 더 옅은 보라색으로 표시된 속성들이 있다. 

 

이런 색상 차이는 { enumerable : false } 속성이 부여되었는지 여부 때문이라고 한다. 이 속성은 열거 가능한지를 알려주는 속성이다. 짙게 표시된 부분은 enumarable하고, 옅게 표시된 부분은 inenumerable하다는 것을 의미한다. 나중에 이런 객체 속성들에 접근하고자 할때, 색상 구분을 통해 for in, for of 같은 순회 메서드를 사용할 수 있는지 여부를 미리 알 수 있을 것 같아 기록해두었다.

 

✔️ 짙은색 = enumerable (열거가능)

✔️ 옅은색 = inenumerable (열거 불가능)