Как использовать статическую переменную в классе ES6?

В вашем классе нет статических переменных (если под статической переменной вы подразумеваете статическое свойство). getCount возвращает NaN (после вызова increaseCount), потому что Animal изначально не имеет свойства count. Затем increaseCount делает undefined + 1, что равно NaN. Экземпляры, созданные new Animal, изначально имеют свойство count, а Animal — только после вызова increaseCount. this в методе static относится к самому классу Animal (функция-конструктор) (если вы вызываете его через Animal.methodName(...)).

Вы можете дать Animal свойство count:

Animal.count = 0;

Живой пример:

class Animal {
  constructor() {
  }

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

  static getCount() {
    return this.count;
  }
}
Animal.count = 0;

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

С предложением по полям статического класса (в настоящее время на этапе 3) вы можете сделать что декларативно с static count = 0; в Animal. Живой пример (Конфигурация Babel Stack Snippets, кажется, поддерживает его):

class Animal {
  constructor() {
  }

  static count = 0;
  
  static increaseCount() {
    this.count += 1;
  }

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

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

С предложением private static (находится на этапе 3 и активно внедряется) вы можно даже сделать count приватным:

class Animal {
  constructor() {
  }

  static #count = 0;

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

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

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

Стек Snippets' Babel конфигурация не поддерживает, но вы можете запустить его жить в их REPL.

Боковое примечание: использование this в статическом методе для ссылки на класс (функция-конструктор) немного сложно, если есть подклассы, потому что, например, если бы у вас было:

class Mammal extends Animal {}

а потом

Mammal.increaseCount();

this в пределах increaseCount (который он наследует от Animal) относится к Mammal, а не Animal.

Если вам нужно такое поведение, используйте this. Если нет, используйте Animal в этих static методах.

Как упоминалось в других ответах, this.count относится к свойству instance в constructor. Для инициализации свойства static необходимо установить Animal.count.

Предложение полей классов предоставляет синтаксический сахар для Animal.count = 0, который доступен с транспилерами (Babel и т. д.) :

class Animal {
  static count = 0;
  ...
}

Альтернативой в ES6 является использование начальных значений, в этом случае начальное значение Animal.count не нужно задавать явно, например:

class Animal {    
  static increaseCount() {
    this.count = this.getCount() + 1;
  }

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

Методы доступа не приветствуются в классах JavaScript — для этого нужны дескрипторы getter/setter:

class Animal {    
  static increaseCount() {
    this.count += 1;
  }

  static get count() {
    return this._count || 0;
  }

  static set count(v) {
    this._count = v;
  }
}

Статический класс считается антишаблоном в JavaScript, потому что не используются состояние или другие признаки, специфичные для классов. В случае, если должен быть только один экземпляр, следует использовать простой объект (если нет других проблем, которые могут выиграть от class):

const animal = {    
  increaseCount() {
    this.count += 1;
  },

  get count() {
    return this._count || 0;
  },

  set count(v) {
    this._count = v;
  }
};

Статические свойства класса и свойства данных прототипа должны быть определены вне объявления ClassBody.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes

class Animal {

  static increaseCount() {
    Animal.count += 1;
  }

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

Animal.count = 0;

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

Чтобы установить статическую переменную, установите ее на самом объекте Animal. На данный момент в Javascript вы не можете напрямую объявлять статические свойства внутри классов, как вы можете объявлять статические методы.

class Animal {
    constructor() {
    }

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

    static getCount() {
        return this.count;
    }
}
Animal.count = 0;
console.log(Animal.increaseCount());
console.log(Animal.getCount()); 

вы можете использовать замыкания для имитации статических переменных

const Animal= (() => {
    let count= 0;

    class Animal {
        constructor() {}

        static increaseCount() {
            count += 1;
        }

        static getCount() {
            return count;
        }
    }

    return Animal;
})();

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

Если вы хотите иметь добавочные идентификаторы:

 constructor() {
    super(template);
    if (typeof MyClass.nextId == 'undefined') {
    MyClass.nextId = 0;
    }
    this._id = `${MyClass.nextId++}`;
 }