JavaScriptでclassの書き方

JavaScriptのクラス構文でオブジェクトの設計図を作る方法を学べます。初心者向けに、コードを編集して実行結果をすぐ確認できます。 下のコードはブラウザ内でそのまま実行できます。「実行エディタで開く」を押すと、progoのオンラインJavaScript実行環境にコードが読み込まれ、その場で動作を確認できます。

サンプルコード

class User {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  intro() {
    return `${this.name}（${this.age}歳）`;
  }
}

const u = new User("田中", 28);
console.log(u.intro());
console.log(u instanceof User);

ポイント解説

• classで設計図を定義しnewで生成します。
• constructor()は生成時に呼ばれます。
• thisで自身のプロパティにアクセスします。