JavaScriptで学ぶクラスを用いたオブジェクト指向プログラミングの実践ガイド

class クラス名 {
  constructor(パラメータ1, パラメータ2, ...) {
    // コンストラクタの中でプロパティを初期化
    this.プロパティ1 = パラメータ1;
    this.プロパティ2 = パラメータ2;
  }

  メソッド名() {
    // メソッドの内容
  }
}

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  introduce() {
    console.log(`こんにちは、私の名前は${this.name}です。${this.age}歳です。`);
  }
}

// クラスのインスタンスを作成
const person1 = new Person('太郎', 30);
person1.introduce(); // 出力: こんにちは、私の名前は太郎です。30歳です。

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

const person1 = new Person('太郎', 30);
console.log(person1.name); // 出力: 太郎
console.log(person1.age);  // 出力: 30

class Person {
  constructor(name, age, gender) {
    this.name = name || '名無し';
    this.age = age || 0;
    this.gender = gender || '不明';
  }
}

const person1 = new Person('太郎', 30, '男性');
const person2 = new Person('花子');

console.log(person1); // 出力: Person { name: '太郎', age: 30, gender: '男性' }
console.log(person2); // 出力: Person { name: '花子', age: 0, gender: '不明' }

class Car {
  constructor(brand, model, year) {
    this.brand = brand;
    this.model = model;
    this.year = year;
  }
}

const myCar = new Car('Toyota', 'Corolla', 2020);
console.log(myCar.brand); // 出力: Toyota
console.log(myCar.model); // 出力: Corolla
console.log(myCar.year);  // 出力: 2020

class Car {
  constructor(brand, model, year) {
    this.brand = brand;
    this.model = model;
    this.year = year;
  }

  startEngine() {
    console.log(`${this.brand} ${this.model}のエンジンを始動します。`);
  }

  displayInfo() {
    console.log(`車の情報: ${this.brand} ${this.model} (${this.year}年式)`);
  }
}

const myCar = new Car('Toyota', 'Corolla', 2020);
myCar.startEngine(); // 出力: Toyota Corollaのエンジンを始動します。
myCar.displayInfo(); // 出力: 車の情報: Toyota Corolla (2020年式)

class Person {
  constructor(name, age) {
    this._name = name;
    this._age = age;
  }

  get name() {
    return this._name;
  }

  set name(newName) {
    this._name = newName;
  }

  get age() {
    return this._age;
  }

  set age(newAge) {
    if (newAge > 0) {
      this._age = newAge;
    } else {
      console.log('年齢は正の数でなければなりません。');
    }
  }
}

const person = new Person('太郎', 30);
console.log(person.name); // 出力: 太郎
person.name = '次郎';
console.log(person.name); // 出力: 次郎
person.age = -5; // 出力: 年齢は正の数でなければなりません。

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`${this.name}が音を出します。`);
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name);
    this.breed = breed;
  }

  speak() {
    console.log(`${this.name}が吠えます。`);
  }

  displayBreed() {
    console.log(`${this.name}は${this.breed}という品種です。`);
  }
}

const myDog = new Dog('ポチ', '柴犬');
myDog.speak();         // 出力: ポチが吠えます。
myDog.displayBreed();  // 出力: ポチは柴犬という品種です。

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`${this.name}が音を出します。`);
  }
}

class Bird extends Animal {
  constructor(name, color) {
    super(name);
    this.color = color;
  }

  speak() {
    super.speak(); // 親クラスのspeakメソッドを呼び出す
    console.log(`${this.name}が鳴きます。`);
  }
}

const myBird = new Bird('ピーちゃん', '青');
myBird.speak();
// 出力:
// ピーちゃんが音を出します。
// ピーちゃんが鳴きます。

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`${this.name}が音を出します。`);
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name);
    this.breed = breed;
  }

  speak() {
    super.speak(); // スーパークラスのspeakメソッドを呼び出す
    console.log(`${this.name}が吠えます。`);
  }
}

const myDog = new Dog('ポチ', '柴犬');
myDog.speak();
// 出力:
// ポチが音を出します。
// ポチが吠えます。

class Vehicle {
  constructor(type) {
    this.type = type;
  }

  describe() {
    console.log(`これは${this.type}です。`);
  }
}

class Car extends Vehicle {
  constructor(type, brand) {
    super(type);
    this.brand = brand;
  }

  describe() {
    super.describe(); // スーパークラスのdescribeメソッドを呼び出す
    console.log(`ブランドは${this.brand}です。`);
  }
}

const myCar = new Car('車', 'トヨタ');
myCar.describe();
// 出力:
// これは車です。
// ブランドはトヨタです。

class Person {
  #name;
  #age;

  constructor(name, age) {
    this.#name = name;
    this.#age = age;
  }

  getName() {
    return this.#name;
  }

  getAge() {
    return this.#age;
  }

  setName(name) {
    this.#name = name;
  }

  setAge(age) {
    if (age > 0) {
      this.#age = age;
    } else {
      console.log('年齢は正の数でなければなりません。');
    }
  }
}

const person = new Person('太郎', 30);
console.log(person.getName()); // 出力: 太郎
console.log(person.getAge());  // 出力: 30
person.setName('次郎');
person.setAge(25);
console.log(person.getName()); // 出力: 次郎
console.log(person.getAge());  // 出力: 25

class BankAccount {
  #balance;

  constructor(initialBalance) {
    this.#balance = initialBalance;
  }

  #validateAmount(amount) {
    return amount > 0;
  }

  deposit(amount) {
    if (this.#validateAmount(amount)) {
      this.#balance += amount;
      console.log(`${amount}円が預金されました。`);
    } else {
      console.log('無効な金額です。');
    }
  }

  withdraw(amount) {
    if (this.#validateAmount(amount) && amount <= this.#balance) {
      this.#balance -= amount;
      console.log(`${amount}円が引き出されました。`);
    } else {
      console.log('無効な金額または残高不足です。');
    }
  }

  getBalance() {
    return this.#balance;
  }
}

const account = new BankAccount(1000);
account.deposit(500);      // 出力: 500円が預金されました。
account.withdraw(200);     // 出力: 200円が引き出されました。
console.log(account.getBalance()); // 出力: 1300

class MathUtil {
  static add(a, b) {
    return a + b;
  }

  static subtract(a, b) {
    return a - b;
  }
}

console.log(MathUtil.add(5, 3));       // 出力: 8
console.log(MathUtil.subtract(10, 7)); // 出力: 3

class Configuration {
  static appName = 'My Application';
  static version = '1.0.0';

  static getInfo() {
    return `${this.appName} - バージョン: ${this.version}`;
  }
}

console.log(Configuration.appName);     // 出力: My Application
console.log(Configuration.version);     // 出力: 1.0.0
console.log(Configuration.getInfo());   // 出力: My Application - バージョン: 1.0.0

class Example {
  static staticMethod() {
    console.log('これは静的メソッドです。');
  }

  instanceMethod() {
    console.log('これはインスタンスメソッドです。');
  }
}

Example.staticMethod(); // 出力: これは静的メソッドです。

const exampleInstance = new Example();
exampleInstance.instanceMethod(); // 出力: これはインスタンスメソッドです。

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

  getArea() {
    console.log('面積計算のメソッドは各サブクラスで実装してください。');
  }

  display() {
    console.log(`${this.name}の面積は${this.getArea()}平方単位です。`);
  }
}

class Rectangle extends Shape {
  constructor(width, height) {
    super('長方形');
    this.width = width;
    this.height = height;
  }

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

const myRectangle = new Rectangle(5, 3);
myRectangle.display(); // 出力: 長方形の面積は15平方単位です。

class Circle extends Shape {
  constructor(radius) {
    super('円');
    this.radius = radius;
  }

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

const myCircle = new Circle(4);
myCircle.display(); // 出力: 円の面積は50.26548245743669平方単位です。

class Triangle extends Shape {
  constructor(base, height) {
    super('三角形');
    this.base = base;
    this.height = height;
  }

  getArea() {
    return (this.base * this.height) / 2;
  }
}

const myTriangle = new Triangle(6, 4);
myTriangle.display(); // 出力: 三角形の面積は12平方単位です。

class Square extends Shape {
  constructor(side) {
    super('四角形');
    this.side = side;
  }

  getArea() {
    return this.side * this.side;
  }
}

// テストコード
const mySquare = new Square(4);
mySquare.display(); // 出力: 四角形の面積は16平方単位です。

class Polygon extends Shape {
  constructor(vertices) {
    super('多角形');
    this.vertices = vertices;
  }

  getArea() {
    let area = 0;
    const n = this.vertices.length;

    for (let i = 0; i < n; i++) {
      const [x1, y1] = this.vertices[i];
      const [x2, y2] = this.vertices[(i + 1) % n];
      area += (x1 * y2) - (y1 * x2);
    }

    return Math.abs(area) / 2;
  }
}

// テストコード
const myPolygon = new Polygon([[0, 0], [4, 0], [4, 3], [0, 3]]);
myPolygon.display(); // 出力: 多角形の面積は12平方単位です。

class Shape {
  static count = 0;

  constructor(name) {
    this.name = name;
    Shape.count++;
  }

  getArea() {
    console.log('面積計算のメソッドは各サブクラスで実装してください。');
  }

  display() {
    console.log(`${this.name}の面積は${this.getArea()}平方単位です。`);
  }

  static getCount() {
    return Shape.count;
  }
}

// テストコード
const shape1 = new Shape('形状1');
const shape2 = new Shape('形状2');
console.log(Shape.getCount()); // 出力: 2