[4주차 스터디] 21장- 빌트인 객체

빌트인 객체

자바스크립트 객체의 분류

• 자바스크립트 객체는 다음과 같이 크게 3개의 객체로 분류할 수 있다.
  • 표준 빌트인객체

    표준 빌트인 객체는 ECMAScript 사양에 정의된 객체를 말하면, 애플리케이션 전역의 공통 기능을 제공한다.
    자바스크립트 실행 환경과 관계없이 언제나 사용가능
    전역 객체의 프로퍼티로서 제공 됨 따라서 전역 변수 처럼 사용 가능

  • 호스트 객체

    호스트 객체는 ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행환경 (browser또는 Node.js)에서 추가로 제공하는 객체
    브라우저 환경 : DOM, BOM, Canvas, XMLHttpRequest 등의 WebAPI제공
    Node.js 환경 : path, os 등 node.js 에서 고유의 API 제공 공식문서 참조

  • 사용자 정의 객체

    사용자 정의 객체는 말그대로 사용자가 직접 정의한 객체를 말한다.

표준 빌트인 객체

• 자바스크립트에서는 Object, String ,Number 등 40여개의 표준 빌트인 객체 제공
• Math, Reflect, JSON을 제외한 표준 빌트인 객체는 무두 생성자 함수 객체
• 표준 빌트인 객체로 생성한 인스턴스의 프로토타입은 빌트인 객체의 prototype에 바인딩된 객체

// String 생성자 함수에 의한 String 객체 생성
const strObj = new String('Lee'); // String {"Lee"}

// String 생성자 함수를 통해 생성한 strObj 객체의 프로토타입은 String.prototype이다.
console.log(Object.getPrototypeOf(strObj) === String.prototype); // true

원시값과 래퍼 객체

• 문자열이나 ,숫자, 불리언은 원시값이 존재함에도 빌트인 생성자 함수가 존재함
• 문자열, 숫자, 불리언 경우 객체처럼 접근 가능 (= 자바스크립트 엔진이 일시적으로 객체로 변환해주기 때문)
• 문자열, 숫자, 불리언 값에 대해 객체처럼 접근하면 생성되는 입시 객체러 래퍼 객체(wrapper object)라고 함
• 일시적으로 객체로 취급되고 해당 코드 실행 후 식별자가 원래의 원시값을 갖도록 되돌리고 래퍼 객체는 가비지 컬렉션에의해 삭제됨

전역 객체

• 전역 객체는 코드가 실행되기 이전 단계에 자바스크립트 엔진에 의해 어떤 객체보다 먼저 생성되는 최상위 객체
• 전역 객체의 프로퍼티
  • 표준 빌트인 객체
  • 호스트 객체
  • var 키워드로 선언한 전역 변수와 전역 함수
• 특징
  • 전역 객체는 개발자가 의도적으로 생성할 수 없다. 즉, 생성자 함수가 제공되지 않는다.
  • 전역 객체의 프로퍼티를 참조할 때 window(또는 global)를 생략할 수 있다.
  • 실행환경(브라우저 또는 node.js)에 따라 추가적으로 프로퍼티와 메서드를 갖는다.
  • let이나 const로 선언한 전역 변수는 전역 객체의 프로퍼티가 아니다
  • 브라우저 환경의 모든 자바스크립트 코드는 하나의 전역 객체를 공유한다. 즉, 코드를 분리해도 하나의 전역객체를 공유함

    빌트인 전역 프로퍼티

• Infinity : 무한대를 나타내는 숫자값
• NaN(Not-a-Number) : 숫자가 아님을 나타내는 숫자 값
• undefined : 빌트인 전역 프로퍼티인 undefined는 원시값 undefined를 값으로 가짐

빌트인 전역 함수

• 전역에서 호출할 수 있는 빌트인 함수 (전역객체의 메서드)
• isNaN : 전달 받은 인수가 NaN인지 검사하고 그 결과를 불리언으로 반환, 인수를 숫자 타입으로 변환 후 검사 수행
• parseInt : 전달받은 문자열 인수를 부동 소수점 숫자로, 즉 실수로 해석하여 반환
• parseInt : 전달받은 문자열 인수를 정수로 해석하여 반환
• encodeURI / decodeURI

encodeURI함수는 URI(Uniform Resource Identifier)를 문자열로 전달 받아 이스케이프 처리를 위해 인코딩한다.

인코딩이란 문자들을 네트워크를 통해 정보를 공유할 때 시스템에서 읽을 수 있는 아스키 문자로 변환하는 것을 말함
디코딩은 인코딩된 URI를 이스케이프처리 이전으로 디코딩 하는 것

암묵적 전역

• 선언하지 않은 식별자가 마치 전역변수 처럼 동작하는 것을 암묵적 전역이라고 한다.
• 선언하지 않은 식별자에 값을 할당 하게 되면 전역객체의 프로퍼티가 되기 때문에 이런 현상 발생
• 전역 객체의 프로퍼티로 추가되었을 뿐 변수가 아니기 때문에 호이스팅이 발생하지 않는다.
• 프로퍼티 이기 때문에 delete로 삭제 가능

// 전역 변수 x는 호이스팅이 발생한다.
console.log(x); // undefined
// 전역 변수가 아니라 단지 전역 객체의 프로퍼티인 y는 호이스팅이 발생하지 않는다.
console.log(y); // ReferenceError: y is not defined

var x = 10; // 전역 변수

function foo () {
  // 선언하지 않은 식별자에 값을 할당
  y = 20; // window.y = 20;
}
foo();

// 선언하지 않은 식별자 y를 전역에서 참조할 수 있다.
console.log(x + y); // 30