ES2022 クラスフィールド宣言のサンプル

2024年3月30日

環境
Google Chrome　123.0.6312.86（Official Build）（64 ビット）
Windows 11 Pro 64bit

概要
ES2022からは、他言語と同じようにクラスフィールド宣言ができるようになります。

class Student {

age = 23;

}

const st = new Student();

console.log(st.age);

class Student { age = 23; } const st = new Student(); console.log(st.age);

class Student {
  age = 23;
}

const st = new Student();
console.log(st.age);

結果 23

従来のフィールド

class Student {

constructor() {

this.age = 19;

}

const stu = new Student();

console.log(stu.age);

class Student { constructor() { this.age = 19; } } const stu = new Student(); console.log(stu.age);

class Student {
  constructor() {
    this.age = 19;
  }
}

const stu = new Student();
console.log(stu.age);

結果 19

スタティックなクラスフィールド宣言
静的な（スタティックな）クラスフィールド宣言もできるようになります。
インスタンス化なしでクラスのフィールドにアクセスできます。

class Student {

static category = "good"

}

console.log(Student.category);

class Student { static category = "good" } console.log(Student.category);

class Student {
  static category = "good"
}

console.log(Student.category);

Posted by arkgame