Sobes.tech
Middle

class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Sag kurz: `this` ist kein Geltungsbereich, sondern der Aufrufkontext der Funktion. Er wird nicht dort bestimmt, wo die Funktion deklariert ist, sondern wie sie aufgerufen wird. Man kann 3-4 Regeln hinzufügen: - Normale Funktionsaufrufe — `this` ist im Strict Mode meist undefined. - Objektmethode — `this` zeigt auf das Objekt links vom Punkt. - call / apply / bind — erlauben es, `this` explizit zu setzen. - Pfeilfunktionen — haben kein eigenes `this`, nehmen es aus dem äußeren Kontext.

sobes.tech KI

Antwort von AI

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 или глобальным объектом.