[모딥다] 21장 빌트인 객체

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

 

📌 JS의 객체 3가지

1. 표준 빌트인 객체

- ECMAScript 사양에 정의된 객체를 말하며, 앱 전역의 공통 기능을 제공함. 

- 실행 환경에 상관없이 언제나 사용할 수 있음

2. 호스트 객체

- 실행환경에서 추가호 제공되는 객체 (윈도우 - DOM, BOM, Canvas..., NodeJs -고유의 API)

3. 사용자 정의 객체

- 기본 제공되는 것이 아닌, 사용자가 직접 정의한 객체

 

 

 

 

🚀 21.2 표준 빌트인 객체

 

JS 는 Object, String, Number 등등 40여개의 표준 빌트인 객체를 제공함. 

이 중 String, Number, Boolean, Function, Array, Date 는 생성자 함수로 호출해 인스턴스를 생성할 수 있다.

(이 때 인스턴스의 프로토타입 : 빌트인 객체의 prototype 프로퍼티에 반영된 객체임. 

예를 들면 String 생성자 함수로 호출해 생성한 String 인스턴스의 프로토타입은 String.prototype 이다.

 

표준 빌트인 객체는 인스턴스 없이도 호출 가능한 빌트인 정적 매서드를 제공함. 

 

 

 

 

 

 

 

🚀 21.3 원시값과 래퍼 객체 

 

원시값이 있는데도 문자열, 숫자, 불리언 객체를 생성하는 표준 빌트인 생성자 함수가 존재하는 이유는?

 

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

(어..? 그러네)

const str = 'hello';

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

 

이유: 원시값에 대해 객체처럼 마침표 표기법(또는 대괄호 표기법)으로 접근하면,

JS 엔진이 일시적으로 원시값을 연관된 객체로 변환해줌. 

=> JS 엔진는 암묵적으로 연관된 객체를 생성 -> 생성된 객체로 프로퍼티에 접근하거나 메서드 호출 -> 다시 원시값으로 되돌림

 

📌 래퍼 객체

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

 

래퍼 객체의 처리 종료 -> 식별자가 원시값을 갖도록 되돌리고, 래퍼 객체는 가비지 컬렉션의 대상이 됨. 

 

null 과 undefined 는 래퍼 객체를 생성하지 않음. 

 

 

 

 

 

 

🚀 21.4 전역 객체

 

전역 객체

- 코드가 실행되기 이전 단계에 JS 엔진에 의해 어떤 객체보다도 먼저 생성되는 특수한 객체. 

- 어떤 객체에도 속하지 않는 최상위 객체

- 환경에 따라 이름이 제각각임. 

브라우저 : window, self, this, frames

Node.js : global

 

📌 전역 객체의 특징

- 전역객체는 개발자가 의도적으로 생성할 수 없다. -> 전역 객체를 생성할 수 있는 생성자 함수가 제공되지 않는다.

- 전역 객체릐 프로퍼티를 참조할 때, window 등을 생략할 수 있다.

- Object, String 등과 같은 모든 표준 빌트인 객체를 프로퍼티로 갖고 있다.

- 실행환경에 따라 추가적으로 프로퍼티와 메서드를 갖는다.

(Window: DOM, BOM, .. , Nodejs: 고유의 API)

- var 키워드로 선언한 변수 & 선언하지 않은 변수에 값을 할당한 암묵적 전역 & 전역함수 => 전역 객체의 프로퍼티가 됨. 

- let, const 로 선언한 변수는 전역객체의 프로퍼티가 아님. 

- 브라우저 환경의 모든 JS 코드는 하나의 전역 객체 window 를 공유함. 

 

 

21.4.1 빌트인 전역 프로퍼티

전역 객체의 프로퍼티를 의미. 

주로 어플리케이션 전역에서 사용하는 값을 제공

 

Infinity 

 

NaN

 

undefined

 

 

 

21.4.2 빌트인 전역 함수

어플리케이션 전역에서 호출할 수 있는 빌트인 함수

 

eval

- 문자열을 코드로 만듦. -> 기존 스코프를 런타임에 동적으로 수정. 

- JS 에 의해 최적화가 수행되지 않음 -> 느림

=> 사용 금지. 

 

isFinite

- 인수가 정상적인 유한수인지

 

isNaN

- 인수가 NaN 인지

 

parseFloat

문자열 인수를 부동 소수점 숫자, 즉 실수로 해석하여 반환

 

pardeInt

- 문자열 -> 정수로 해석

 

encodeURI / decodeURI

완전한 URI* (Uniform Resource identifier) 을 전달받아 이스케이프 처리를 위해 인코딩함. 

 

URI & URL을 혼용해서 사용하는 경우가 있다. 대부분의 경우 문제가 없지만 정확하게 이 둘의 차이점이 존재한다. 그러므로 각 용어의 정의와 용도에 대해서 알아본다.

URI
URI는 특정 리소스를 식별하는 통합 자원 식별자(Uniform Resource Identifier)를 의미한다.
웹 기술에서 사용하는 논리적 또는 물리적 리소스를 식별하는 고유한 문자열 시퀀스다.

URL
URL은 흔히 웹 주소라고도 하며, 컴퓨터 네트워크 상에서 리소스가 어디 있는지 알려주기 위한 규약이다.
URI의 서브셋이다.

비록 URL은 URI의 서브셋이지만 URI와 URL의 가장 큰 차이점은 바로 아래와 같다

URI는 식별하고, URL은 위치를 가르킨다.

 

 

 

 

이스케이프 처리

- 네트워크를 통해 정보를 공유할 때, 어떤 시스템에서도 읽을 수 있는 아스키 문자 셋으로 변환하는 것

 

인코딩

- URL 의 문자들을 이스케이프 처리하는 것. 

 

 

encodeURIComponent / decodeURIComponent

URI 구성요소를 인수로 전달 받아 인코딩함. 

 

 

21.4.3 암묵적 전역

선언하지 않은 변수를 사용하면 JS 엔진에 의해 전역 객체의 프로퍼티가 되어 전역 변수처럼 동작하는 현상

-> 하지만 변수는 아님. 프로퍼티이기 때문에 변수 호이스팅이 일어나지 않음. 

-> delete 로 삭제 가능.