🕌

【メンバ変数】クラス変数とインスタンス変数

2024/10/08に公開

メンバ変数

メンバ変数には、クラス変数とインスタンス変数がある。

クラス変数とインスタンス変数

クラス変数

  • クラス内すべてのオブジェクトに共通の状態
  • 初期化時にstatic をつける
  • クラス名.クラス変数 でアクセスする

staticについては以下
https://zenn.dev/417yr/articles/f09d29124fc803

インスタンス変数

  • インスタンス毎に異なる状態。1レコードずつ異なるイメージ
  • インスタンス名.インスタンス変数 でアクセスできる
  • クラスの中では this.インスタンス変数 でアクセスできる

補足:ソースコード

test.js
class Point {
    constructor(x, y) {
      this.x = x;
      this.y = y;
    }
  
    static displayName = "Point";
}
  
const p1 = new Point(10, 5);
console.log(p1.x); // 10
console.log(p1.y); // 5
console.log(Point.displayName); // "Point"

参考

https://jsprimer.net/basic/class/#static-method

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Classes

Discussion