Middle
class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Kort gezegd: `this` is geen scope, maar de context van de functieaanroep. Het wordt niet bepaald waar de functie is gedeclareerd, maar waar deze wordt aangeroepen. Je kunt 3-4 regels toevoegen: - Normale functiebesturing — `this` is meestal undefined in strict mode. - Methode van een object — `this` wijst naar het object links van de punt. - `call / apply / bind` — maken het mogelijk om `this` expliciet in te stellen. - Pijlfuncties — hebben geen eigen `this`, nemen het uit de externe context.
sobes.tech AI
Antwoord van 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 вызывается как метод объекта, поэтому this — экземпляр класса. Если бы baz вызвать отдельно, например, const f = new Foo(); const fn = f.baz; fn(); — тогда this был бы undefined.