Почему setTimeout выводит unedfined?

206

17 июля 2021, 19:20

function f(x) { 
 console.log(x) 
} 
 
function delay(f, ms) { 
 
  return function() { 
    setTimeout( () => { 
      f.apply(this, arguments) 
    }, ms ) 
  }; 
 
} 
 
let f1000 = delay(f, 1000); 
f1000('asd')

В переменную f1000 функция delay() вернет анонимную функцию
Функция f1000('asd') вызывает setTimeout в которой первый аргумент стрелочная функция, 2 аргумент время задержки
Разберем первый аргумент (стрелочная функция) setTimeout подробнее
В стрелочной функции происходит вызов f.apply(this, arguments)
функция f первый аргумент this т.к. тут нету объекта то this будет равен глобальному объекту window
функция f второй аргумент arguments будет браться из анонимной функции т.к. в стрелочной функции нету this и arguments
Правильно понял this ?

function f(x) { 
 console.log(x) 
} 
 
function delay(f, ms) { 
 
  return function() { 
    setTimeout( function() { 
      f.apply(this, arguments) 
    }, ms ) 
  }; 
 
} 
 
let f1000 = delay(f, 1000); 
f1000('asd')

Answer 1

Строчка

  f.apply(this, arguments)

находится внутри функции, у которой нет параметров:

setTimeout( function() {
  f.apply(this, arguments)
} )

Вызов

    f.apply(this, arguments)

находится внутри стрелочной функции,

setTimeout(() => f.apply(this, arguments), ms);

у которой arguments указывает на контейнер параметров той функции, которая содержит стрелочную.

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Slider for Bootstrap (ползунок для цен)

В интернет-магазине использую библиотеку Slider for Bootstrap, для вывода ползунка выбора диапазона цены

341

javascript

Сформировать массив внутри перебора reduce es6 Javascript

Есть массив объектов

283

javascript

Как использовать в конструкторе метод в методе с таймаутом?

Вызываю метод sayMeow() в методе voice() без таймаутаВсе норм

279

javascript

js замена слова на всей странице

Можно ли как-то улучшить код и написать все более эффективно?

332