Menu
Coddy logo textTech

インスタンスの作成

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);

上記のコードを実行した後、johnPerson クラスのインスタンスであり、以下のプロパティを持ちます:

  • 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
challenge icon

チャレンジ

Student クラスが与えられています。あなたのタスクは、driver.js ファイル内に2つの生徒のインスタンスを作成することです:

  1. 名前が "Sarah" で成績が 85 の student1 を作成してください
  2. 名前が "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 と出力されるはずです
quiz icon腕試し

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

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