ch10. 객체 리터럴 — 목판과 복사기, 두 세계의 객체 만들기

// Java — 목판(클래스)을 먼저 새겨야 한다
class Dog {
    String name;
    int age;
    void bark() { System.out.println("Woof!"); }
}

Dog myDog = new Dog();   // 목판으로 찍어냄
Dog yourDog = new Dog(); // 같은 목판으로 또 찍어냄
// myDog.color = "brown"; // ❌ 컴파일 에러! 목판에 없는 건 추가 불가

// JavaScript — 원본 문서(객체)를 복사해서 새 문서(객체)를 만든다
const dog = {
  bark() { console.log("Woof!"); }
};

const myDog = Object.create(dog); // dog을 원본으로 복사
myDog.name = "멍이";              // 복사본에 자유롭게 추가
myDog.age = 3;                    // 이것도 OK
myDog.bark();                     // "Woof!" — 원본에서 찾아온다

const dog = {
  name: "멍이",
  age: 3
};

// 객체 리터럴 — 값으로 평가되는 표현식이라 세미콜론을 붙인다
const dog = { name: "멍이" };

// 코드 블록 — 문(statement)이라 세미콜론을 안 붙인다
if (true) { console.log("hi") }

const obj = {};

obj[1] = "숫자";        // 1 → "1"로 변환
obj[true] = "불리언";   // true → "true"로 변환
obj[null] = "널";       // null → "null"로 변환

console.log(Object.keys(obj));
// ['1', 'true', 'null'] — 전부 문자열이 되었다

obj['1'] === obj[1];   // true — 같은 키다

const sym = Symbol("id");
const obj = { [sym]: "심볼 값" };

// Symbol은 문자열로 변환되지 않는다
obj["Symbol(id)"];    // undefined — 문자열 키 "Symbol(id)"는 없다
obj[sym];             // "심볼 값" — Symbol 값 자체가 키다

const obj = { name: "멍이" };
const key = "name";

obj.name     // "멍이" — . 뒤는 항상 문자열 리터럴 취급
obj.key      // undefined — 문자열 "key"로 찾음 (변수가 아님!)
obj[key]     // "멍이" — 변수 key의 값 "name"으로 찾음

obj["name"]           // 문자열 리터럴 → "name"
obj[name]             // 변수 name의 값을 평가
obj["na" + "me"]      // 표현식 → "name"
obj[1 + 1]            // 표현식 → 2 → 문자열 "2"

const dog = {};      // Hidden Class H0: {}
dog.name = "멍이";   // Hidden Class H1: { name }
dog.age = 3;         // Hidden Class H2: { name, age }

// 이 두 객체는 같은 Hidden Class H2를 공유한다
const dog1 = {}; dog1.name = "멍이"; dog1.age = 3;
const dog2 = {}; dog2.name = "바둑"; dog2.age = 5;
// → 둘 다 H2 → 오프셋 기반 빠른 접근 (C++과 유사한 속도)

function getName(obj) {
  return obj.name;  // 이 코드가 반복 실행된다면?
}

getName({ name: "멍이", age: 3 });  // Hidden Class H2에서 name = 오프셋 0 → IC에 캐싱
getName({ name: "바둑", age: 5 });  // 같은 H2 → IC 히트! → 바로 오프셋 0
getName({ name: "초코", age: 2 });  // 같은 H2 → IC 히트!

// 순서가 다르면 다른 Hidden Class
const dog1 = {}; dog1.name = "멍이"; dog1.age = 3;
const dog2 = {}; dog2.age = 5; dog2.name = "바둑";  // 순서가 다르다!
// → dog1과 dog2는 다른 Hidden Class → 최적화 실패

const obj = { name: "멍이", age: 3 };
delete obj.name;
// name에 연결된 "멍이"는 GC가 나중에 회수한다

const name = "멍이";
const age = 3;

// 축약 전
const dog = { name: name, age: age };
// 축약 후
const dog = { name, age };

const prefix = "dog";
const obj = {
  [prefix + "Name"]: "멍이",      // dogName: "멍이"
  [prefix + "Age"]: 3             // dogAge: 3
};

const obj = {
  // ES5 — 프로퍼티에 함수 할당
  sayHi: function() { return "Hi"; },

  // ES6 — 메서드 축약 표현
  sayHello() { return "Hello"; }
};

const parent = {
  greet() { return "부모입니다"; }
};

const child = {
  // 메서드 축약 — [[HomeObject]]가 있어서 super 사용 가능
  greet() {
    return super.greet() + " → 자식입니다";  // ✅
  }
};

Object.setPrototypeOf(child, parent);
console.log(child.greet());  // "부모입니다 → 자식입니다"

const child2 = {
  // 함수 할당 — [[HomeObject]]가 없어서 super 사용 불가
  greet: function() {
    return super.greet();  // ❌ SyntaxError!
  }
};