プロトタイプとクラス

// コンストラクタ関数とプロトタイプ
function Animal(name) {
  this.name = name;
}
Animal.prototype.speak = function() {
  return this.name + "が鳴いています";
};

const dog = new Animal("ポチ");
console.log(dog.speak()); // "ポチが鳴いています"
console.log(dog.hasOwnProperty("name"));  // true（自身のプロパティ）
console.log(dog.hasOwnProperty("speak")); // false（プロトタイプのプロパティ）

// プロトタイプチェーンの確認
console.log(Object.getPrototypeOf(dog) === Animal.prototype); // true
console.log(Object.getPrototypeOf(Animal.prototype) === Object.prototype); // true

class User {
  // クラスフィールド（ES2022）
  #loginCount = 0; // プライベートフィールド

  constructor(name, email) {
    this.name = name;
    this.email = email;
  }

  // インスタンスメソッド（プロトタイプに追加される）
  login() {
    this.#loginCount++;
    return `${this.name} がログインしました（${this.#loginCount}回目）`;
  }

  // ゲッター
  get displayName() {
    return `${this.name} <${this.email}>`;
  }

  // セッター
  set displayName(value) {
    const [name, email] = value.split(" <");
    this.name = name;
    this.email = email.replace(">", "");
  }

  // static メソッド
  static fromJSON(json) {
    const data = JSON.parse(json);
    return new User(data.name, data.email);
  }
}

const user = new User("田中", "tanaka@example.com");
console.log(user.login());       // "田中 がログインしました（1回目）"
console.log(user.displayName);   // "田中 <tanaka@example.com>"

const user2 = User.fromJSON('{"name":"佐藤","email":"sato@example.com"}');
console.log(user2.name); // "佐藤"

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

  describe() {
    return `${this.color}の図形`;
  }
}

class Circle extends Shape {
  constructor(color, radius) {
    super(color); // 親の constructor を呼ぶ（必須）
    this.radius = radius;
  }

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

  // メソッドオーバーライド
  describe() {
    return `${super.describe()}（円、半径${this.radius}）`;
  }
}

const c = new Circle("赤", 5);
console.log(c.describe()); // "赤の図形（円、半径5）"
console.log(c.area());     // 78.539...
console.log(c instanceof Circle); // true
console.log(c instanceof Shape);  // true

// ミックスインパターン
const Serializable = {
  toJSON() {
    return JSON.stringify(this);
  },
  fromJSON(json) {
    return Object.assign(this, JSON.parse(json));
  }
};

const Validatable = {
  validate() {
    for (const [key, value] of Object.entries(this)) {
      if (value === null || value === undefined) {
        return { valid: false, field: key };
      }
    }
    return { valid: true };
  }
};

// Object.assign でミックスインを適用
class Product {
  constructor(name, price) {
    this.name = name;
    this.price = price;
  }
}
Object.assign(Product.prototype, Serializable, Validatable);

const item = new Product("ノートPC", 89800);
console.log(item.toJSON());   // '{"name":"ノートPC","price":89800}'
console.log(item.validate()); // { valid: true }

// コンポジションパターン
function createLogger(prefix) {
  return {
    log(msg) { console.log(`[${prefix}] ${msg}`); },
    error(msg) { console.error(`[${prefix}] ERROR: ${msg}`); }
  };
}

function createStorage() {
  const data = new Map();
  return {
    save(key, value) { data.set(key, value); },
    load(key) { return data.get(key); }
  };
}

// 機能を組み合わせてオブジェクトを構成
function createApp(name) {
  return {
    name,
    ...createLogger(name),
    ...createStorage()
  };
}

const app = createApp("MyApp");
app.log("起動しました");  // "[MyApp] 起動しました"
app.save("config", { theme: "dark" });
console.log(app.load("config")); // { theme: "dark" }