class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Dillo brevemente così: `this` non è un ambito di visibilità, ma il contesto di chiamata della funzione. Viene determinato non dove la funzione è dichiarata, ma dove viene chiamata. Puoi aggiungere 3-4 regole: - Chiamata normale di una funzione — `this` di solito è undefined in modalità strict. - Metodo di un oggetto — `this` punta all'oggetto a sinistra del punto. - `call / apply / bind` — permettono di impostare esplicitamente `this`. - Funzioni arrow — non hanno il proprio `this`, ne prendono uno dall'esterno.

this — это не область видимости, а контекст вызова функции. Он определяется не там, где функция объявлена, а там, как она вызвана.

Правила:

• Обычный вызов функции — this обычно undefined в strict mode.
• Метод объекта — this указывает на объект слева от точки.
• call / apply / bind — позволяют явно задать this.
• Стрелочные функции — своего this не имеют, берут его из внешнего контекста.

В твоём примере:

class Foo {
  bar = 1;
  bla = () => console.log(this.bar); // стрелочная, this берётся из Foo
  baz = function () {console.log(this.bar);}; // обычная функция, this зависит от вызова
}

new Foo().bla(); // this — экземпляр Foo, выведет 1
new Foo().baz(); // this — тоже экземпляр Foo, выведет 1

Здесь baz вызывается как метод объекта, поэтому this — экземпляр класса. Если бы baz вызвать отдельно, например, const f = new Foo(); const fn = f.baz; fn(); — тогда this был бы undefined.