Доступ переменной в ООП JS

TL;DR: В обычных методах, this указывает на экземпляр класса, а в статических - на сам класс (конструктор).

При обычном вызове, обращаться к свойствам экземпляра через this, можно только в нестатических методах.

Детально:

Начнем с того, что классы в JS - это синтаксический "сахар" для описания объектных типов. И чтобы разобраться в ситуации, придется пробежаться по теории. Для этого, возьмем простой пример:

class Box { 
  constructor() { this.contents = []; } 
  insert(something) { this.contents.push(something); } 
  static isEmpty()  { return this.contents.length === 0; } 
} 
 
const box = new Box();  
box.insert('cat');  
console.log(Box.isEmpty());   // ошибка

Как обрабатывается объявление "сахарного" класса:

Интерпретатор создает функцию Box() - конструктор объектов типа Box.

Далее, этой функции добавляется свойство1 prototype со значением в виде объекта, который будет наследоваться экземплярами. Прототип содержит методы "класса" - в данном случае, это только метод insert()2.

Статические методы становятся собственными методами функции-конструктора. В непосредственные свойства прототипа они не попадают.

Как работают вызовы методов:

Сначала выполняется поиск метода в объекте экземпляра, а затем в прототипах (по цепочке наследования "вверх", от ближайших предков к более дальним). Как только метод найден, поиск прекращается. Если не найден - выбрасывается исключение.

При вызове метода из прототипа, он временно "привязывается" к экземпляру, от имени которого вызван - и this внутри метода указывает на этот конкретный экземпляр3.

Вызов статических методов работает аналогично.
Но так как эти методы не в прототипе, и являются "собственностью" конструктора, вызываем мы от его имени - а значит, this внутри таких методов указывает на конструктор... у которого нет свойств экземпляров. Именно поэтому, в примере возникает ошибка при обращении из статического метода к свойству contents4.

1 Функции в JS являются объектами, и могут иметь свойства.

2 Прототип также содержит свойство constructor, которое является ссылкой на саму функцию-конструктор (Box.prototype.constructor === Box).

3 И не имеет значения, насколько "далеко" по цепочке наследования находится вызываемый метод. То есть, если бы мы в примере вызвали box.hasOwnProperty(...), метод из более дальнего предка Object - он тоже выполнился бы так, будто является собственным методом box.

4 Несмотря на то что это свойство создается конструктором - при использовании оператора new, this указывает на объект экземпляра еще до его возврата и присваивания переменнной box.