전역 객체와 표준 빌트인 객체

I. 전역 객체 global object

언제 어디서든 들어마실 수 있는 공기와도 같은...
코드로 선언하거나 하지 않아도 전역 범위에 항상 존재하는 객체
👉 MDN 문서 보기

브라우저의 콘솔에 출력해 볼 것

console.log(this);

console.log(
  this === window,
  window === self,
  self === frames
);

Node.js에서 문서로 실행해 볼 것

console.log(this);
// ⚠️ Node.js로 문서 실행시의 this는 전역 객체를 가리키지 않음
// 이후 모듈 관련 강에서 배울 것

console.log(global);

⭐️ `globalThis` 통일된 식별자 - 양쪽 모두에서 실행해 볼 것

console.log(globalThis);

💡 전역 객체에 포함되는 것

표준 빌트인 객체
호스트 객체 - 환경에서 제공하는 기타 객체들 : 브라우저의 Web API, Node.js API 등
(브라우저 한정) - 전역으로 설정된 var 변수와 전역 함수

var myGlobalVar = 1;
const myGlobalConst = 1;

function myGlobalFunc () {};

console.log(
  globalThis.myGlobalVar,
  globalThis.myGlobalConst,
  globalThis.myGlobalFunc
);

II. 표준 빌트인 객체 standard built-in objects

👉 MDN 문서 보기

ECMAScript 사양에 정의된 객체들 - 어떤 환경에서든 사용 가능
전역 프로퍼티로 제공됨 - globalThis등을 붙이지 않고 바로 사용 가능
👉 표준 빌트인 객체 MDN 문서

💡 Node.js에서는 `globalThis` 출력시 표준 빌트인 객체들은 출력하지 않음

console.log(globalThis);

// 그러나 요소들로 갖고 있는 것은 확인 가능
console.log(globalThis.Infinity);
console.log(globalThis.isNaN);
console.log(globalThis.Object);

III. 래퍼 객체 wrapper object

const str = 'abcde';
console.log(
  str.length,
  str.toUpperCase(),
  str[0]
);

const num = 123.4567;
console.log(
  typeof num.toString(),
  num.toFixed(2)
);

원시값이 어떻게 프로퍼티를 갖고 있을까?

💡 콘솔에서 프로퍼티와 프로토타입을 펼쳐 확인해보자.

const str = new String('abcde');
const num = new Number(123.4567);
const bool = new Boolean(true);

console.log(typeof str, str);
console.log(typeof num, num);
console.log(typeof bool, bool);

`Number`, `String`, `Boolean` 등은 표준 빌트인 객체에 속하는 래퍼 객체

원시값을 필요시 래퍼 객체로 감싸서 wrap 그것의 인스턴스로 만들어 기능 실행
원시값에서 객체를 사용하듯 해당 래퍼 객체의 프로퍼티를 호출할 때 래핑이 발생

⭐️ 해당 기능 사용 후에는 원시 객체로 돌아감 - 메모리 절약

const str = 'abcde';
console.log(str.length);
console.log(typeof str, str);

`valueOf` 함수 - 래퍼 객체의 인스턴스에서 원시값 반환

const str = new String('abcde');
const num = new Number(123.4567);
const bool = new Boolean(true);

console.log(str.valueOf());
console.log(num.valueOf());
console.log(bool.valueOf());

🤔얄코에게 질문하기질문은 반.드.시 이리로 보내주세요! ( 강의사이트 질문기능 ✖ )

강의에서 이해가 안 되거나 실습상 문제가 있는 부분,
설명이 잘못되었거나 미흡한 부분을 메일로 알려주세요!

답변드린 뒤 필요할 경우 본 페이지에
관련 내용을 추가/수정하도록 하겠습니다.

이메일 주소

yalco@yalco.kr

메일 제목 (반드시 아래 제목을 붙여넣어주세요!)

[질문] 제대로 파는 자바스크립트 (무료 파트) 6-1

🛑질문 전 필독!!

구글링을 먼저 해 주세요. 들어오는 질문의 절반 이상은 구글에 검색해 보면 1분 이내로 답을 찾을 수 있는 내용들입니다.
오류 메시지가 있을 경우 이를 구글에 복붙해서 검색해보면 대부분 짧은 시간 내 해결방법을 찾을 수 있습니다.
강의 페이지에 추가사항 등 놓친 부분이 없는지 확인해주세요. 자주 들어오는 질문은 페이지에 추가사항으로 업데이트됩니다.
"유료파트의 강의페이지는 어디 있나요?" - 각 영상의 시작부분 검은 화면마다 해당 챕터의 강의페이지 링크가 있습니다.
질문을 보내주실 때는 문제가 어떻게 발생했고 어떤 상황인지 등을 구체적으로 적어주세요. 스크린샷을 첨부해주시면 더욱 좋습니다.