Menu
Coddy logo textTech

クラスとは?

CoddyのJavaScriptジャーニー「オブジェクト指向プログラミング」セクションの一部 — レッスン 11/56。

JavaScriptにおけるクラスは、あらかじめ定義されたプロパティやメソッドを持つオブジェクトを作成するための設計図です。クラスはES6で導入され、オブジェクトの作成や継承の処理において、よりクリーンで直感的な構文を提供します。

シンプルなクラスを定義します:

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

constructor メソッドは、クラスからオブジェクトが作成されるときに呼び出される特別なメソッドです。

クラスのインスタンスを作成します:

const john = new Person("John", 25);

作成されたオブジェクトのプロパティにアクセスします:

console.log(john.name); // 出力: "John"
console.log(john.age);  // 出力: 25
challenge icon

チャレンジ

Car という名前のクラスを作成し、makemodel という2つのパラメータを受け取るコンストラクタを定義してください。コンストラクタでは、これらの値をオブジェクトのプロパティとして設定する必要があります。

チートシート

クラスは、あらかじめ定義されたプロパティとメソッドを持つオブジェクトを作成するための設計図です。

コンストラクタを使用してクラスを定義します:

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

constructor メソッドは、クラスからオブジェクトが作成されるときに呼び出されます。

クラスのインスタンスを作成します:

const john = new Person("John", 25);

オブジェクトのプロパティにアクセスします:

console.log(john.name); // 出力: "John"
console.log(john.age);  // 出力: 25

自分で試してみよう

// TODO: Carという名前のクラスを作成してください 

// TODO: makeとmodelの2つの引数を受け取るコンストラクタを追加してください

// TODO: これらの値(makeとmodel)をオブジェクトのプロパティとして設定してください

// 以下のコードは変更しないでください
const make = inp[0];
const model = inp[1];
const car = new Car(make, model);
console.log(car.make)
console.log(car.model)
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

オブジェクト指向プログラミングのすべてのレッスン