프로토타입과 클래스

// Object.create()로 프로토타입 체인 구성
const animal = {
  type: "동물",
  speak() {
    return this.name + "이(가) 소리를 냅니다.";
  },
};

const dog = Object.create(animal);
dog.name = "바둑이";
dog.bark = function() {
  return this.name + ": 멍멍!";
};

console.log(dog.bark());   // "바둑이: 멍멍!"
console.log(dog.speak());  // "바둑이이(가) 소리를 냅니다." (animal에서 상속)
console.log(dog.type);     // "동물" (프로토타입 체인)

// 프로토타입 체인 확인
console.log(Object.getPrototypeOf(dog) === animal); // true
console.log(dog.hasOwnProperty("name"));  // true
console.log(dog.hasOwnProperty("type"));  // false (상속된 속성)

// ES6 이전의 전통적인 생성자 패턴
function Person(name, age) {
  this.name = name;
  this.age = age;
}

// prototype에 메서드 추가 — 모든 인스턴스가 공유
Person.prototype.greet = function() {
  return "안녕하세요, " + this.name + "입니다. (" + this.age + "세)";
};

Person.prototype.isAdult = function() {
  return this.age >= 18;
};

const kim = new Person("김철수", 25);
const lee = new Person("이영희", 17);

console.log(kim.greet());    // "안녕하세요, 김철수입니다. (25세)"
console.log(lee.isAdult());  // false

// 같은 prototype 메서드를 공유
console.log(kim.greet === lee.greet); // true

class Product {
  // private 필드 (# 접두사)
  #discount;

  constructor(name, price) {
    this.name = name;
    this.price = price;
    this.#discount = 0;
  }

  // 인스턴스 메서드
  getInfo() {
    return this.name + " — " + this.finalPrice + "원";
  }

  // getter — 속성처럼 접근
  get finalPrice() {
    return this.price * (1 - this.#discount);
  }

  // setter
  set discountRate(rate) {
    if (rate < 0 || rate > 1) throw new Error("0~1 사이 값");
    this.#discount = rate;
  }

  // static 메서드 — 인스턴스 없이 호출
  static compare(a, b) {
    return a.price - b.price;
  }
}

const laptop = new Product("노트북", 1200000);
laptop.discountRate = 0.1;
console.log(laptop.getInfo());     // "노트북 — 1080000원"
console.log(laptop.finalPrice);    // 1080000

const phone = new Product("스마트폰", 800000);
console.log(Product.compare(phone, laptop)); // -400000

class Shape {
  constructor(color) {
    this.color = color;
  }

  describe() {
    return this.color + " " + this.constructor.name;
  }

  area() {
    throw new Error("하위 클래스에서 구현하세요");
  }
}

class Circle extends Shape {
  constructor(color, radius) {
    super(color);  // 부모 constructor 호출 (필수)
    this.radius = radius;
  }

  area() {
    return Math.PI * this.radius ** 2;
  }
}

class Rectangle extends Shape {
  constructor(color, width, height) {
    super(color);
    this.width = width;
    this.height = height;
  }

  area() {
    return this.width * this.height;
  }
}

const circle = new Circle("빨간", 5);
console.log(circle.describe()); // "빨간 Circle"
console.log(circle.area());    // 78.539...

const rect = new Rectangle("파란", 4, 6);
console.log(rect.area());      // 24

// instanceof로 타입 확인
console.log(circle instanceof Circle); // true
console.log(circle instanceof Shape);  // true
console.log(rect instanceof Circle);   // false