インスタンスの作成
CoddyのJavaScriptジャーニー「オブジェクト指向プログラミング」セクションの一部 — レッスン 12/56。
クラスを定義した後、newキーワードを使用してそのクラスに基づいたオブジェクトを作成できます。これらのオブジェクトはインスタンスと呼ばれます。
次のようなシンプルな Person クラスがあるとしましょう。
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
greet() {
return `Hello, my name is ${this.name}`;
}
}Personクラスのインスタンスを作成します:
const john = new Person("John", 30);上記のコードを実行した後、john は Person クラスのインスタンスであり、以下のプロパティを持ちます:
nameプロパティが "John" に設定されていますageプロパティが 30 に設定されています
インスタンスのプロパティやメソッドにアクセスできます:
console.log(john.name); // 出力: John
console.log(john.greet()); // 出力: Hello, my name is John同じクラスから複数のインスタンスを作成できます:
const sarah = new Person("Sarah", 25);
console.log(sarah.name); // 出力: Sarahチャレンジ
Student クラスが与えられています。あなたのタスクは、driver.js ファイル内に2つの生徒のインスタンスを作成することです:
- 名前が "Sarah" で成績が 85 の
student1を作成してください - 名前が "Mike" で成績が 92 の
student2を作成してください
チートシート
クラスのインスタンスを作成するには、newキーワードを使用します。
const john = new Person("John", 30);ドット記法を使用して、インスタンスのプロパティやメソッドにアクセスします。
console.log(john.name); // 出力: John
console.log(john.greet()); // 出力: Hello, my name is John同じクラスから複数のインスタンスを作成できます。
const sarah = new Person("Sarah", 25);
console.log(sarah.name); // 出力: Sarah自分で試してみよう
import { Student } from './student.js';
// TODO: 名前が "Sarah"、成績が 85 の Student クラスのインスタンス student1 を作成してください
// TODO: 名前が "Mike"、成績が 92 の Student クラスのインスタンス student2 を作成してください
// テスト用コード - 変更しないでください
console.log(student1.name); // "Sarah" と出力されるはずです
console.log(student2.grade); // 92 と出力されるはずですこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。