class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Disons-le simplement: `this` n'est pas une portée, mais le contexte d'appel de la fonction. Il est déterminé non pas où la fonction est déclarée, mais comment elle est appelée. On peut ajouter 3-4 règles: - Appel normal d'une fonction — `this` est généralement undefined en mode strict. - Méthode d'un objet — `this` pointe vers l'objet à gauche du point. - call / apply / bind — permettent de définir explicitement `this`. - Fonctions fléchées — n'ont pas leur propre `this`, elles prennent celui du contexte extérieur.

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 отдельно, например, const f = new Foo(); const fn = f.baz; fn(); — this будет undefined или глобальным объектом.