Во время изучения React обнаружил следующий код:
componentDidMount() {
this.timerID = setInterval(
() => this.tick(),
1000
);
}
Почему перед this.tick() стоят ()? Если я правильно понимаю это такой вид обьявления анонимной функции? Но ведь setInterval требует функцию на первом месте а tick() это метод данного класса, то есть и является функцией.
Ответ
Стрелочные функции
Выражения стрелочных функций имеют более короткий синтаксис по
сравнению с функциональными выражениями и лексически привязаны к
значению this (но не привязаны к собственному this, arguments, super,
или new.target).
Стрелочные функции всегда анонимные.
this.timerID = setInterval(
() => this.tick(),
1000
);
практически эквивалентно
let that = this;
this.timerID = setInterval(
function () { return that.tick();},
1000
);
Зачем нужно объявлять анонимную функцию для вызова другой функции?
Так короче, удобнее и нагляднее.
Другим корректным вариантом было бы setTimeout(this.tick.bind(this), 1000), иначе внутри tick не будет доступен объект по this. Это же метод объекта, не просто функция.
Комментариев нет:
Отправить комментарий