Как работает this в JavaScript

this в JavaScript ссылается на контекст выполнения функции. Его значение зависит от того, как вызывается функция:

1. Глобальный контекст: Вне функций this ссылается на глобальный объект (window в браузере, global в Node.js).

   javascript

   Копировать

   console.log(this === window); // true (в браузере)

2. Метод объекта: В методах объекта this ссылается на сам объект.

   javascript

   Копировать

   const obj = {
     name: 'Test',
     logName() { console.log(this.name); }
   };
   obj.logName(); // 'Test'

3. Обычная функция: В строгом режиме ('use strict') this будет undefined, иначе — глобальный объект.

   javascript

   Копировать

   function test() { console.log(this); }
   test(); // window (или undefined в strict mode)

4. Стрелочные функции: Не имеют своего this, берут его из внешнего контекста.

   javascript

   Копировать

   const obj = {
     name: 'Test',
     logName: () => console.log(this.name)
   };
   obj.logName(); // undefined (если это глобальный контекст)

5. Явное указание: Можно привязать контекст с помощью call, apply или bind.

   javascript

   Копировать

   function greet() { console.log(this.name); }
   greet.call({ name: 'Alice' }); // 'Alice'