빌트인 객체

모던 자바스크립트 Deep Dive을 요약한 내용입니다.

21.1 자바스크립트 객체의 분류

• 자바스크립트 객체는 크게 3개의 객체로 분류할 수 있다.
  • 표준 빌트인 객체
    • 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체를 말하며, 애플리케이션 전역의 공통 기능을 제공
    • 자바스크립트 실행 환경과 관계없이 언제나 사용할 수 있다.
    • 표준 빌트인 객체는 전역 객체의 프로퍼티로서 제공된다.
    • 별도의 선언없이 전역 변수처럼 언제나 참조할 수 있다.
  • 호스트 객체
    • ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행 환경에서 추가로 제공하는 객체를 말한다.
    • 브라우저 환경에서는 DOM, BOM, Canvas, XMLHttpRequest, fetch, requestAnimationFrame, SVG, Web Stroage, WebComponent, Web Worker와 같은 클라이언트 사이드 Web API를 호스트 객체로 제공하고, Node.js 환경에서는 Node.j 고유의 API를 호스트 객체로 제공한다.
  • 사용자 정의 객체
    • 표준 빌트인 객체와 호스트 객체처럼 기본 제공되는 객체가 아닌 사용자가 직접 정의한 객체를 말한다.

21.2 표준 빌트인 객체

• 자바스크립트는 Object, String, Number, Boolean, Symbol, Date, Math, RegExp, Array, Map/Set, WeekMap/WeakSet, Function, Promise, Reflect, Proxy, JSON, Error 등 40여 개의 표준 빌트인 객체를 제공 한다.
• 21-01
• 표준 빌트인 객체는 인스턴스 없이도 호출 가능한 빌트인 정적 메서드를 제공한다.
• 21-02

21.3 원시값과 래퍼 객체

• 원시값은 객체가 아니므로 프로퍼티나 메서드를 가질수 없는데도 원시값인 문자열이 마치 객체처럼 동작한다.
  • 자바스크립트 엔진이 일시적으로 원시값을 연관객체로 변환해 주기 때문이다.

  21-04
  

• 문자열, 숫자, 불리언 값에 대해 객체처럼 접근하면 생성되는 임시객체를 래퍼 객체라 한다.
• 문자열 개퍼 객체인 String생성자 함수의 인스턴스는 String.prototype의 메서드를 상속받아 사용할 수 있다.
• 21-06
• String, Number, Boolean 생성자 함수를 new 연산자와 함께 호출하여 문자열, 숫자 불리언 인스턴스트를 생성할 필요가 없으면 권장하지도 않는다.
• 문자열, 숫자, 불리언, 심벌 이외의 원시값, null, undefined는 개퍼 객체를 생성하지 않는다.
• null과 undefined값을 객체러첨 사용하면 에러가 발생한다.

21.4 전역 객체

• 전역 객체는 코드가 실행되기 이전 단계에 자바스크립트 엔진에 의해 어떤 객체보다도 먼저 생성되는 특수한 객체이며, 어떤 객체에도 속하지 않는 최상위 객체다
• 전역 객체의 특징
  • 전역 객체는 개발자가 의도적으로 생성할 수 없다.
    • 전역 객체를 생성할 수 있는 생성자 함수가 제공되지 않는다.
  • 전역 객체의 프로퍼티를 참조할 때 window or global를 생략할 수 있다.
  • 전역 객체는 Object, String, Number, Boolean 같은 모든 표준 빌트인 객체를 프로퍼티로 가지고 있다.
  • 자바스크립트 실행 환경에 따라 추가적으로 프로퍼티와 메서드를 갖는다.
    • 브라우저 환경에서는 DOM, BOM, Canvas 같은 클라이언트 사이드 Web API를 호스트 객체로 제공한다.
    • Node.js 환경에서는 Node.js의 고유 API를 호스트 객체로 제공한다.
  • var 키워드로 선언한 전역 변수와 선언하지 않은 변수에 값을 항당한 암묵적 전역
    • 전역 함수는 전역 객체의 프로퍼티가 된다.

    21-10
    

  • let이나 const 키워드로 선언한 전역 변수는 전역 객체의 프로퍼티가 아니다.
    • winodw.foo와 같이 접근할 수 없다.
    • let, const 키워드로 선언한 전역 변수는 보이지 않는 개념적인 블록 내에 존재하게 된다.
  • 브라우저 환경의 모든 자바스크립트 코드는 하나의 전역 객체 winodw를 공유한다.
    • 여러개의 script 태그를 통해 자바스크립트 코드를 분리해도 하나의 전역 객체winodw를 공유하는 것은 변함이 없다.

21.4.1 빌트인 전역 프로퍼티

Infinity

• Infinity 프로퍼티는 무한대를 나타내는 숫자값 Infinity를 갖는다.
• 21-12

NaN

• NaN 프로퍼티는 숫자가 아님을 나태나는 숫자값 NaN를 갖는다.
• NaN 프로퍼티는 Number.NaN 프로퍼티와 같다
• 21-13

21.4.2 빌트인 전역 함수

eval

• eval 함수는 자바스크립트 코드를 나타내는 문자열을 인수로 전달받는다.
• 21-15
• eval 함수를 통해 사용자로부터 입력 받는 콘텐츠를 실행하는 것은 보안에 매우 취약한다.
• eval 함수는 자바스크립트 엔진에 의해 최적화가 수행되지 않으므로 성능 이슈가 있다.
• eval 함수의 사용은 금지해야 한다.

isFinite

• 전달 받은 인수가 정상적인 유한수인지 검사하여 유한수이면 true를 반환하고, 무한수면 false를 반환한다.
  • isFinite(null)은 true를 반환한다.
  • null은 숫자로 변환하여 검사를 수행했기 때문이다.
  • null을 숫자 타입으로 변환하면 0이 된다.

  21-20
  

isNaN

• 전달 받은 인수가 NaN인지 검사하여 그 결과를 불리언 타입으로 반환한다.
• 21-22

parseFloat

• 전달 받은 문자열 인수를 부동 소수점 숫자로 해석하여 반환한다.
• 21-23

parseInt

• 전달 받은 문자열 인수를 정수로 해석하여 반환한다.
• 21-24

21.4.3 암묵적 전역

21-37