Как при написании this понимаешь что будет нужный объект

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

1. Простой вызов функции - this будет window (или undefined в strict mode)

function foo() { console.log(this) }
foo() // window/undefined

2. Метод объекта - this ссылается на объект перед точкой

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

3. Явное указание через call/apply/bind

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

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

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

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

Для уверенности можно:

• Использовать стрелочные функции для сохранения контекста
• Явно привязывать контекст через bind
• Использовать современный синтаксис полей класса (автопривязка)