웹브라우저 JavaScript

전역객체 Window

Window 객체

Window 객체는 모든 객체가 소속된 객체이고, 전역객체이면서, 창이나 프레임을 의미한다. 

전역객체

Window 객체는 식별자 window를 통해서 얻을 수 있다. 또한 생략 가능하다. Window 객체의 메소드인 alert을 호출하는 방법은 아래와 같다.

<!DOCTYPE html>
<html>
<script>
    alert('Hello world');
	window.alert('Hello world');
</script>
<body>

</body>
</html>

아래는 전역변수 a에 접근하는 방법이다.  

<!DOCTYPE html>
<html>
<script>
    var a = 1;
	alert(a);
	alert(window.a);
</script>
<body>

</body>
</html>

객체를 만든다는 것은 결국 window 객체의 프로퍼티를 만드는 것과 같다.

<!DOCTYPE html>
<html>
<script>
    var a = {id:1};
	alert(a.id);
	alert(window.a.id);
</script>
<body>

</body>
</html>

예제를 통해서 알 수 있는 것은 전역변수와 함수가 사실은 window 객체의 프로퍼티와 메소드라는 것이다. 또한 모든 객체는 사실 window의 자식이라는 것도 알 수 있다. 이러한 특성을 ECMAScript에서는 Global 객체라고 부른다. ECMAScript의 Global 객체는 호스트 환경에 따라서 이름이 다르고 하는 역할이 조금씩 다르다. 웹브라우저 자바스크립트에서 Window 객체는 ECMAScript의 전역객체이면서 동시에 웹브라우저의 창이나 프레임을 제어하는 역할을 한다.

참조

댓글

댓글 본문
작성자
비밀번호
  1. hwangcoding@naver.com
    클리어클리어
  2. 유유
    감사합니다.
  3. 감사합니다~!
  4. 감사합니다!
  5. 감사합니다.
  6. tachyon
    감사합니다
  7. 이웃집토토로
    강의 말미에 window 객체의 자식들이다...라기보다는 이러한 것들이 소속되어 있다고 보자!
    라고 하신 것은 직접 조상이 아닌 경우도 있기 때문에 그렇게 말할 수도 있을 것 같습니다.
    큰 의미에서는 모든 객체들은 window객체 (Global 객체)의 자식이겠지요...
  8. yihsang
    "모든 객체들은 window전역객체에 소속 되어있다."
    DOM, BOM, JavaScript...
    감사합니다.
  9. JustStudy
    2016.07.07목
    고맙습니다 3.
  10. JustStudy
    2016. 06. 30
    고맙습니다 2.
  11. 이주환
    2016. 04. 27
    잘보고갑니다~!
  12. JustStudy
    고맙습니다
  13. hoonnn
    최고에요!^^
  14. 박첩구드
    감사합니다!!
  15. 안광현
    영화 <메트릭스>로 치면, "우리는 사실 지구에 사는 독립적인 개개인이 아니라 메트릭스라는 세계(window)에 속한 프로퍼티들이다!" 라는 느낌이군요.
  16. 무정블루스
    감사합니다.
  17. 박정호
    잘봤습니디6
  18. 코딩!
    모든 객체들은 window객체들에 소속되어 있는데
    그것들을 기능에 맞게 DOM, BOM, JS으로 카테코리화 시킨 거군요!
    아직 기능들이 뭔지 몰라 감이 안오지만 기대가 되네요 ㅎㅎ
  19. 리리
    감사합니다 ^^
  20. kush
    아주 약~간 아직 와닿지 않는 부분은 뒤에서 채워지리라 기대하며 다음으로 넘어갑니다 감사합니다.
  21. 아쿠아
    잘 보았습니다.^^
    감사합니다.
  22. Soori
    javascript 강의에서 이해가 살짝 안 되었던 부분이 여기 와서 정리가 되네요. 감사합니다. 언제나 유용하게 보고 있어요!
  23. 유형찬
    설명 짱!!! 감사합니다.
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기