Как определяется контекст в стрелочной функции?

Question

[Andrei Popov]

Пытаюсь сформулировать для себя четкое описание отличия стрелочных функций от обычных.
Правильно ли я понимаю. Что значение this в стрелочной функции, вычисляется в момент объявления функции

let timer = {
   sec: 0,
   tick() {
      console.log(this.sec++)
   },
   run() {
      setInterval(() => this.tick(), 1000)     /* this определяется на этой строке */
   }
}

Грубо говоря в колбек передается "() => timer.tick()".
А в обычных функциях this вычисляется в момент вызова функции

let timer = {
   sec: 0,
   tick() {
      console.log(this.sec++)
   },
   run() {
      setInterval(function(){
         this.tick()                /* this определяется не на этой строке, а в момент вызова колбека */
      }, 1000)
   }
}

Comments

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

У стрелочной функции нет своего контекста

Answer 1

[Дима Паутов]

setInterval(function(){ // Создаёт новый контекст и this пляшет от него
         this.tick()
      }, 1000)

() => this.tick(), 1000) // Стрелочные функции не создают своего контекста, от чего this пляшет в данный момент от объекта timer

Comments

[Andrei Popov]

Спасибо! Вот еще интересно, правильно ли я понимаю что значение this в стрелочной функции связывается с timer благодаря замыканию?

[Дима Паутов]

andrei500, при чём тут замыкание? Просто ссылается на свой контекст