자바스크립트 객체의 분류
표준 빌트인 객체
ECMAScript 사양에 정의된 객체이며, 애플리케이션 전역의 공통기능을 제공한다. ECMAScript 사양에 정의 되어있기 때문에 자바스크립트 실행환경과 관계없이 언제나 사용할수 있다. 표준 빌트인 객체는 전역 객체의 프로퍼티로 제공되기 때문에 별도의 선언 없이 전역 변수처럼 언제나 참조할 수 있다.
호스트 객체
ECMAScript 사양에 정의되어있지는 않지만 자바스크립트 실행 환경에서 추가로 제공하는 객체를 말한다.
브라우저 환경에서는 DOM, BOM, Canvas, XMLHttpRequest, fetch, requestAnimationFrame, SVG, Web Storage, Web Component, Web Worker 등 클라이언트 사이드 Web API를 호스트로 제공한다.
Node.js 환경에서는 Node.js 고유의 API를 호스트 객체로 제공한다.
사용자 정의 객체
사용자가 직접 정의한 객체를 말한다.
표준 빌트인 객체
Object, String, Number emd 40여개의 표준 빌트인 객체를 제공하는데, Math, Reflect, JSON을 제외한 표준 빌트인 객체는 모두 인스턴스를 생성할 수 있는 생성자 함수 객체이다.
생성자 함수 객체인 표준 빌트인 객체는 프로토타입 메서드와 정적 메서드를 제공하고 생성자 함수 객체가 아닌 표준 빌트인 객체는 정적 메서드만 제공한다.
생성자 함수인 표준 빌트인 객체가 생성한 인스턴스의 프로토타입은 표준 빌트인 객체의 prototype 프로퍼티에 바인딩된 객체다. String을 생성자 함수로 호출해 생성한 String 인스턴스의 프로토타입은 String.prototype이다.
const strObj = new String('kim');
console.log(Object.getPrototypeOf(strObj) === String.prototype); //true표준 빌트인 객체의 prototype 프로퍼티에 바인딩된 객체는 다양한 기능의 빌트인 프로토타입 메서드를 제공하며, 표준 빌트인 객체는 인스턴스 없이도 호출 가능한 빌트인 정적 메서드를 제공한다.
const numObj = new Number(2.4);
//toFixed는 Number.prototype의 프로토타입 메서드
console.log(numObj.toFixed()); //2
//isInteger는 Number의 정적 메서드
console.log(Number.isInteger(2.4)); //false원시값과 래퍼 객체
원시값은 원래 객체가 아니기 때문에 프로퍼티나 메서드를 가질 수 없다. 하지만 자바스크립트에서는 원시값인 문자열, 숫자, 불리언 값의 경우 객체처럼 마침표 표기법으로 접근하면 자바스크립트 엔진이 일시적으로 원시값을 관련된 객체로 변환해준다.
이처럼 문자열, 숫자, 불리언 값에 대해 객체처럼 접근하면 생성되는 임시 객체를 래퍼 객체라고 한다.
const name = 'kim';
console.log(name.length); //3
console.log(name.toUpperCase()); //KIM
console.log(typeof name); //string따라서 String, Number, Boolean 생성자 함수를 new 연산자와 함께 호출해 문자열, 숫자, 불리언 인스턴스를 생성할 필요가 없으며 권장하지 않는다.
또한 원시값인 null과 undefined는 래퍼 객체를 생성하지 않기때문에 개객체 표기법으로 접근하면 에러가 발생한다.
전역 객체
전역 객체는 코드가 실행되기 이전 단계에 자바스크립트 엔진에 의해 어떤 객체보다 먼저 생성되는 특수한 객체이며, 어떤 객체에도 속하지 않은 최상위 객체이다.
전역 객체는 표준 빌트인 객체와 환경에 따른 호스트 객체, 그리고 var 키워드로 선언한 전역 변수와 전역 함수를 프로퍼티로 갖는다.
전역 객체는 계층적 구조상 어떤 객체에도 속하지 않은 모든 빌트인 객체의 최상위 객체이며, 전역 객체가 최상위 라는 것은 프로토타입 상속 관계상에서 최상위 객체라는 의미가 아니다. 이는 전역 객체 자신은 어떤 객체의 프로퍼티도 아니며 객체의 계층적 구조상 표준 빌트인 객체와 스트 객체를 프로퍼티로 소유한다는 것을 말한다.
브라우저 환경에서는 window, Node.js 환경에서는 global이 전역객체를 가리킨다.
❗ES11에서 도입된 globalThis는 브라우저 환경과 Node.js 환경에서 전역 객체를 가리키던 실별자를 통일한 식별자이다.
전역 객체는 개발자가 의도적으로 생성할 수 없기때문에 전역 객체를 생성할 수 있는 생성자 함수가 제공되지 않는다. 또한 전역 객체의 프로퍼티를 참조할 때 식별자 window 혹은 global을 생략할 수 있다.
📔출처
위키북스 - 모던 자바스크립트 Deep Dive
https://wikibook.co.kr/mjs/
