Как изменяется this в зависимости от того как вызывается функция

Значение this определяется контекстом вызова функции:

1. Обычный вызов: this ссылается на глобальный объект (window в браузере, global в Node.js), либо undefined в строгом режиме ('use strict').

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

2. Метод объекта: this ссылается на объект, которому принадлежит метод.

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

3. Явное указание: call, apply, bind позволяют явно задать this.

function greet() {
  console.log(`Hello, ${this.name}`);
}
const user = { name: 'Alice' };
greet.call(user); // Hello, Alice

4. Конструктор: this ссылается на новый созданный объект.

function Person(name) {
  this.name = name;
}
const person = new Person('Bob');

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