[Javascript] 빌트인 객체

Juyeong·2022년 5월 7일

Javascript

목록 보기

10/12

1. 자바스크립트 객체 분류

1) 표준 빌트인 객체
: ECMAScript 사양에 정의된 객체, 애플리케이션 전역의 공통 기능 제공, 자바스크 립트 실행 환경과 관계없이 사용할 수 있음. 표준 빌트인 객체는 전역 객체의 프로퍼티로서 제공. 별도 선언 없이 전역 변수처럼 언제나 참조 가능

2) 호스트 객체
: ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행 환경에서 추가로 제공하는 객체, 브라우저 환경에서는 클라이언트 사이드 Web API를 호스트 객체로 제공, Node.js 환경에서는 Node.js 고유의 API를 호스트 객체로 제공

3) 사용자 정의 객체
사용자 정의 객체는 표준 빌트인 객체와 호스트 객체처럼 기본 제공되는 객체가 아닌 사용자가 직접 정의한 객체를 말함.

2. 표준 빌트인 객체

자바스크립트는 Ojbect, String, Number, Boolean, Symbol, Date, Math, RegExp, Array, Map/Set, WeakMap/WeakSet, Function, Promise, Json, Error 등 40여 개의 표준 빌트인 객체 제공

// String 생성자 함수에 의한 String 객체 생성
const strObj = new String('Lee');
console.log(typeof strObj);

// Number 생성자 함수에 의한 Number 객체 생성
const numObj = new Number(123);
console.log(typeof numObj);

위와 같이 표준 빌트인 객체를 통해 생성자 함수를 호출하여 인스턴스 생성 가능

생성자 함수인 표준 빌트인 객체가 생성한 인스턴스의 프로토타입은 표준 빌트인 객체의 prototype 프로퍼티에 바인딩된 객체임.

const strObj = new String('Lee');

console.log(Object.getPrototypeOf(strObj) === String.prototype); // true

위와 같이 표준 빌트인 객체인 String을 생성자 함수로서 호출하여 생성한 String 인스턴스의 프로토타입은 String.prototype임.

3. 원시값과 래퍼 객체

원시값은 객체가 아니라서 프로퍼티나 메서드를 가질 수 없는데도 원시값인 문자열이 마치 객체 처럼 동작함.

const str = 'hello';

console.log(str.length); // 5
console.log(str.toUpperCase()); // HELLO

원시값인 문자열, 숫자, 불리언 값의 경우 원시값에 대해 마치 객체처럼 마침표 표기법(ex. str.length ..) 으로 접근하면 자바스크립트 엔진이 일시적으로 원시값을 연관된 객체로 반환해주기 때문임.

이처럼 문자열, 숫자, 불리언 값에 대해 객체처럼 접근하면 생성되는 임시 객체를 래퍼 객체라고 함.

const str = 'hello'; // 식별자 str은 문자열 값을 가짐.

str.name = 'Lee';
// 식별자 str은 암묵적으로 생성된 래퍼 객체를 가리킴.
// str의 값 'hello'는 래퍼 객체의 [[StringData]] 내부 슬롯에 할당됨.

console.log(str.name); // undefined

console.log(typeof str, str); // string hello

문자열 래퍼 객체인 String 생성자 함수의 인스턴스는 String.prototype의 메서드를 상속받아 사용할 수 있음. 그 후에 래퍼 객체의 처리가 종료되면 래퍼 객체의 [[StringData]] 내부 슬로셍 할당된 원시값으로 원래 상태를 되돌리고, 래퍼 객체는 가비지 컬렉션의 대상이됨.

따라서 첫번째 console.log에서 식별자 str은 새롭게 암묵적으로 생성된 또다른 래퍼 객체이기 때문에 name 프로퍼티가 존재하지 않음.

** 문자열, 숫자, 불리언, 심벌 이외의 원시값, 즉 null과 undefined는 래퍼 객체를 생성하지 X