• 목차

<aside> ❗ 컨텍스트

• 함수는 전역에 생성된다.(선언) → global excution context 내부의 binding object
• 함수 컨텍스트 생성 (function object). 그 안에서, environment record → this Binding → literal로 올라간다. </aside>

객체

• 여덟 가지 자료형 중 일곱 개는 오직 하나의 데이터(문자열, 숫자 등)만 담을 수 있는 ‘원시형(primitive type)’이다.
• 이와 달리 객체형은 다양한 데이터를 담을 수 있다.

📑 리터럴과 프로퍼티

• 프리티어에서도 관리: ‘trailing(길게 늘어지는)’

📑 대괄호 표기법

// 문법 에러가 발생합니다.
user.likes birds = true

user["likes birds"] = true;

계산된 프로퍼티

• 객체를 만들 때 객체 리터럴 안의 프로퍼티 키가 대괄호로 둘러싸여 있는 경우

• 변수 key는 런타임에 평가되기 때문에 사용자 입력값 변경 등에 따라 값이 변경될 수 있습니다.

  let user = {
    name: "John",
    age: 30
  };
  
  let key = prompt("사용자의 어떤 정보를 얻고 싶으신가요?", "name");
  
  // 변수로 접근
  alert( user[key] ); // John (프롬프트 창에 "name"을 입력한 경우)
  

  let fruit = prompt("어떤 과일을 구매하시겠습니까?", "apple");
  let bag = {};
  
  // 변수 fruit을 사용해 프로퍼티 이름을 만들었습니다.
  bag[fruit] = 5;