[JS] Host Objects vs. Native Objects

이애진·2022년 8월 5일
0

JavaScript

목록 보기
5/16
post-thumbnail

1. Host Objects

호스트 객체는 런타임 환경에 따라 정의된 객체를 의미한다 (= 브라우저와 node.js 환경에서 사용되는 객체가 다르다)
Native Objects가 아닌 객체는 모두 호스트 객체이다

  • 전역 객체

    • 모든 객체의 유일한 최상위 객체를 의미한다
    • browser: window 객체, node.js: global 객체
  • BOM(Browser Object Model)

    • 브라우저의 탭 또는 창의 모델을 생성한다
    • 최상위 객체: window 객체(현재 브라우저 창 또는 탭 표현)
  • DOM(Document Object Model)

    • 현재 웹 페이지의 모델을 생성한다
    • 최상위 객체: document 객체(전체 문서)

2. Native Objects

ECMAScript 명세에 정의된 객체를 말하며 애플리케이션 환경과 관계없이 항상 사용할 수 있음
ex) Array, Date, Object() 생성자 함수, 사용자 정의 객체, ... etc


3. 정리

  • Native Objects: ECMAScript 표준에 정의된 객체
  • Host Objects: 런타임 환경(ex. 브라우저 환경)에서 정의된 객체

환경에 관계 없이 사용할 수 있는 네이티브 객체를 파악할 필요가 있음


ref

profile
Frontend Developer

0개의 댓글