자바스크립트 객체 종류와 생성 시기

자바스크립트 객체 종류와 생성 시기

자바스크립트의 원리를 공부하면서 알게 되었던 사실은 처음 자바스크립트가 로드 될 때 글로벌 영역의 객체가 생성된다는 것이었다.

그리고 글로벌 영역에 생성되는 객체는 Built-in 객체, BOM 객체, DOM 객체라고 알고 있었다. 분명히 따로 구분해서 적어놓은 부분을 읽었지만 Built-in 객체 안에 BOM과 DOM이 포함되어 있다고 생각했지만 사실 다른 것이었다. 내장 객체라고 하면 이 세 가지를 이야기 한다고 이해했었다.

문제는 이 세 가지가 자바스크립트 로딩 후에는 똑같이 호출이 가능하지만 사실은 생성 시점이 순차적이긴 하지만 다르다는 것이다.

먼저 앞에서 이야기한 Built-in 객체, BOM 객체, DOM 객체가 무엇이 다른지 찾아보았다. 객체를 다시 생성 순서에 맞게 분류하자면 Built-in Object, Native Object, Host Object로 다시 구분할 수 있다. 차이를 알아보면.

1. Built-in Object ( 표준 내장 객체 )

 : 자바스크립트가 프로그램 전체에 공통적으로 필요한 기능을 제공하기 위한 객체.

 : Object, Function, Number, Math, Date, String, RegExp, Array, Error, Symbol 등

2. Native Object ( 브라우저 내장 객체 )

 : BOM(Browser Object Model)과 DOM(Document Object Model)이다.

: 내장 객체에 속하지만 Built-in 객체의 생성 후에 구성된다. 브라우저마다 구성이 다르다.

3. Host Object ( 사용자 정의 객체 )

 : 사용자가 생성한 객체들. 가장 마지막에 생성된다.

*참고

아래 사이트에 정리된 내용을 보고 학습 요약한 내용입니다.

http://insanehong.kr/post/javascript-object/