ES6 クラスで静的変数を使用するにはどうすればいいですか? 質問する

Question

（注記: クラスの可変staticプロパティは、サブクラスが関係する場合に問題になることがあります。詳細については、回答の最後を参照してください。

クラスには静的変数がありません (静的変数が静的プロパティを意味する場合)。には最初はプロパティがないため、を呼び出した後にgetCountが返されます。次にであるを実行し、それをに割り当てます。NaNincreaseCountAnimalcountincreaseCountundefined + 1NaNAnimal.countインスタンスによって作成されたは最初はプロパティnew Animalを持っていますcountが、Animalを呼び出すまでそれ自体はプロパティを持っていませんincreaseCount。メソッドthis内では、クラス (コンストラクター関数) 自体staticを参照しますAnimal( 経由で呼び出す場合Animal.methodName(...))。

クラスに静的プロパティを与えるには、staticキーワードを使用して宣言します (クラスフィールドの提案¹ が広く実装されたため)。

class Animal {
    static count = 0;

    static increaseCount() {
        ++this.count;
    }

    static getCount() {
        return this.count;
    }
}

Animal.increaseCount();
console.log(Animal.getCount());
Animal.increaseCount();
console.log(Animal.getCount());

必要に応じて、静的メンバーをプライベートにして、外部からアクセスできないようにすることもできますAnimal。

class Animal {
    static #count = 0;

    static increaseCount() {
        ++this.#count;
    }

    static getCount() {
        return this.#count;
    }
}

Animal.increaseCount();
console.log(Animal.getCount());
Animal.increaseCount();
console.log(Animal.getCount());

上記の警告に関して:thisサブクラスがある場合、静的メソッド内でクラス (コンストラクター関数) を参照するのは少し注意が必要です。たとえば、次のような場合です。

class Mammal extends Animal {}

その後

Mammal.increaseCount();

thisincreaseCount（から継承されるAnimal）はではなくを参照しMammalますAnimal。

class Animal {
    static count = 0;

    static increaseCount() {
        ++this.count;
    }

    static getCount() {
        return this.count;
    }
}

class Mammal extends Animal {
}

console.log(Object.hasOwn(Mammal, "count")); // false
// This call *reads* from `Animal.count` (because `Mammal` doesn't have a
// `count` yet), but *writes* to `Mammal.count`, potentially causing
// confusion.
Mammal.increaseCount();
console.log(Object.hasOwn(Mammal, "count")); // true
console.log(Mammal.getCount()); // 1
// This time, both the read and write use `Mammal.count`
Mammal.increaseCount();
console.log(Mammal.getCount()); // 2
console.log(Animal.getCount()); // 0 - nothing ever wrote to it

もし、あんたが欲しいその動作がthis必要な場合は、を使用してください。そうでない場合は、それらのメソッドAnimalでを使用してください。static

最後に、プライベートフィールドを作成すると、次の内容を書き込むことができないため、経由してcount呼び出すと失敗することに注意してください。increaseCountMammalMammalAnimal.#count

class Animal {
    static #count = 0;

    static increaseCount() {
        ++this.#count;
    }

    static getCount() {
        return this.#count;
    }
}

class Mammal extends Animal {
}

Mammal.increaseCount();
// ^^^^^^^^^^^^^^^−−− TypeError: Cannot read private member #count from an
// object whose class did not declare it

¹ のクラスフィールドこの提案は、当初は別々だった複数の提案を統合したものでした。プライベートインスタンスメソッドとアクセサ、クラスのパブリックインスタンスフィールドとプライベートインスタンスフィールド、静的クラスフィールドとプライベート静的メソッド。

Answer 1