Web/소소한 발견3 [Javascript 객체] location 객체 location 객체는 window 객체, document 객체의 프로퍼티인데, 주소와 관련된 객체이기 때문에 URL을 변경하거나, 현재 브라우저에 표시된 HTML 문서의 주소와 관련한 다양한 정보를 얻을 수 있다. origin도 확인가능하다. console.log(location) 객체를 살펴보면 url의 구성요소들을 하나씩 확인해볼 수 있다. location 이나 location.href 에 값으로 url을 넣어주면 페이지 이동도 가능하다. location.href = 'http://google.com'; replace, assign 메서드를 이용하면 페이지를 넘나들 수도 있다. 둘의 차이는 이동 후 기록(history)를 남기는지 안남기는지이다. assign은 기록을 남기고, replace는 말 그.. 2021. 2. 6. [브라우저] name 전역변수 브라우저에서 아무런 선언없이 name를 참조하면 빈 문자열을 반환한다. 전역 객체인 window의 프로퍼티 중에 name이라는 전역변수가 존재하기 때문이라고 한다. 이 변수값은 ''(빈문자열)이다. (단 Node.js 환경에서는 적용되지 않는다) 아래의 경우도 같은 이유에서 NaN이 나오게 되는 것이다. 일단 Javascript의 객체 키 이름에는 기본적으로 -를 사용할 수 없다. 굳이 이렇게 사용하고 싶다면 따옴표를 붙여서 사용해야 한다. 접근할 때도 dot notation은 쓸 수 없고, [대괄호]를 쓰는 bracket notation으로만 접근이 가능하다. dot notation을 쓰는경우 person.first 에서 name을 빼는 것처럼 인식한다고 한다. person.first는 undefine.. 2021. 1. 29. [개발자 도구] enumerable 여부에 따른 속성 색상 표시 enumerable 여부에 따른 속성 색상 표시 개발자 도구의 콘솔 창에서 이것저것 테스트를 해보다가 알게되었다. 미세한 차이라 지금까지 의식하지 못했지만.. [[FunctionLocatoiin]]처럼 좀 더 짙은 보라색으로 표현된 속성이 있고, arguments, caller,... 처럼 좀 더 옅은 보라색으로 표시된 속성들이 있다. 이런 색상 차이는 { enumerable : false } 속성이 부여되었는지 여부 때문이라고 한다. 이 속성은 열거 가능한지를 알려주는 속성이다. 짙게 표시된 부분은 enumarable하고, 옅게 표시된 부분은 inenumerable하다는 것을 의미한다. 나중에 이런 객체 속성들에 접근하고자 할때, 색상 구분을 통해 for in, for of 같은 순회 메서드를 사용할 .. 2021. 1. 15. 이전 1 다음 반응형
