Чему равен контекст в setTimeout?

Question

[mi1ord]

Добрый день.

Не могу разобраться в контексте.

function Foo () {
  this.log = function () {
    console.log(this)  // Foo {log: f} (тут все ясно)
    setTimeout(() => console.log(this), 500)
  }
}

Внутри метода log, вызывается функция setTimeout, которая "передает" контекст стрелочной функции, и та прекрасно отрабатывает.

const f = new Foo()
f.log()  // Foo {log: f}

Исходя из определений, при вызове функции (даже внутри метода объекта) ее this равен глобальному объекту, в данном случае window.
Собственно, главный вопрос: почему setTimeout может передать контекст(в стрелочную функцию), который равен экземпляру, созданному при момощи конструтора Foo? Ведь setTimeout вызывается как функция.
У меня есть предположение, что тут присутствуют какие-то исключения, ну, или я что-то пропускаю.

Comments

[Ярослав Иванов]

Собственно вопрос почему нельзя было погуглить? Про контекст стрелочной функции тонна материала.

Answer 1

[Антон Спирин]

Стрелочные функции не создают собственный контекст this, а используют this окружающего контекста, того места где они определены. В вашем случае это контекст вызова log. setTimeout просто вызывает колбек по истечению таймера, по аналогии с вызовом f.apply(null [, args]);

Comments

[mi1ord]

Ага! Теперь все ясно. Загвоздка была именно в setTimeout.
Спасибо.

Answer 2

[Алексей Уколов]

Исходя из определений, при вызове функции (даже внутри метода объекта) ее this равен глобальному объекту, в данном случае window.

Исключением является как раз стрелочная функция, которая захватывает контекст не в момент вызова, а в момент объявления.

Comments

[mi1ord]

Затык был в setTimeout, но теперь встало на свои места. Спасибо за участие :)