Задать вопрос
@webov_web

Как работает эта строчка в декораторе?

Здравствуйте!
Изучаю JavaScript. Второй день не могу понять, как именно работает эта строчка в коде.

slow = cachingDecorator(slow);

Почему, когда присваиваем "slow" в качестве аргумента, сама функция "slow" продолжает работать в первоначальном варианте? То есть, почему она не переназначается? Это как-то связано с замыканием? Подскажите, пожалуйста, как называется такой приём и что загуглить на эту тему.

function slow(x) {
  // здесь могут быть ресурсоёмкие вычисления
  alert(`Called with ${x}`);
  return x;
}

function cachingDecorator(func) {
  let cache = new Map();

  return function(x) {
    if (cache.has(x)) {    // если кеш содержит такой x,
      return cache.get(x); // читаем из него результат
    }

    let result = func(x); // иначе, вызываем функцию

    cache.set(x, result); // и кешируем (запоминаем) результат
    return result;
  };
}

slow = cachingDecorator(slow);

alert( slow(1) ); // slow(1) кешируем
alert( "Again: " + slow(1) ); // возвращаем из кеша
  • Вопрос задан
  • 128 просмотров
Подписаться 1 Средний Комментировать
Решение пользователя merss К ответам на вопрос (3)
@merss
да, это связано с замыканием, в момент создания анонимной функции, эта анонимная функция запоминает внешние переменные, в данном случае функцию slow, которая хранится в func, где-бы не вызывалась эта анонимная функция, она вызывает первоначальную функцию slow. Почитай у Кантора.
Ответ написан
Комментировать