Почему в ответе выходит 122?

Question

[ummahusla]

Есть код, никак понять не могу, почему 122 в ответе выходить, если делать alert(result);

function mystery(input) {
  var secret = 4;
  input += 2;
  function mystery2(multiplier) {
    multiplier *= input;
    return secret * multiplier;
  }
  return mystery2;
}

function mystery3(param) {
  function mystery4(bonus) {
    return param(6) + bonus;
  }
  return mystery4;
}

var hidden = mystery(3);
var jumble = mystery3(hidden);
var result = jumble(2);

Answer 1

[Сергей Протько]

Задачка на каррирование и понимание работы областей видимости и цикла жизни переменных.

Функции mystery и mystery3 возвращают функции, которые имеют доступ к переменным родительского скоупа. Функция создается каждый раз при вызове функций mystery/mystery3 потому не возникает проблем с повторным вызовом.

Переменные живут пока на них хоть кто-то ссылается. В вашем примере на них ссылаются возвращаемые функции, и пока они не отработают, данные нам все еще доступны. Хоть вам может и казаться что после завершения работы функции они исчезают в небытие.

Вот собственно и все.

Comments

[Евгений Петров]

Обычно происходит наоборот — вот теория, а теперь пример.
А тут наоборот — вот пуговица, а можно к ней пришить пару штанов?)

[Сергей Протько]

Евгений Петров: такие задачки обычно на собесах дают, многие "фронтэндеры" допустим не знает почему и как это работает. Мне тоже нравится давать людям задачки на каррирование, но не такие стремные.

[ummahusla]

Дополнительно, пояснить "return param(6) + bonus;" эту строчку, могли бы?

[Сергей Протько]

ummahusla: param в этом случае - функция которую возвращает mystery. Собственно вы ее вызываете с каким-то аргументом, получаете число и прибавляете bonus.

[Сергей Протько]

ummahusla: просто пройдитесь по коду и попытайтесь для каждого этапа понять что выводится как результат.

[ummahusla]

Сергей Протько: Проходил уже 3-4 раза, и кокрза таки на этой строчке ступор небольшой был. Сейчас более менее, разобрался, спасибо!

Answer 2

[Andrii]

я извиняюсь а что именно не так??
После
var hidden = mystery(3);в hidden находится метод mystery2 + в области где метод описан, находится в памяти secret = 4 и input = 5;
После
var jumble = mystery3(hidden); в jumble находится метод mystery4 а также переменная param
Работа последнего метода
var result = jumble(2);
Методу mystery4 передается параметр 2. Далее в методе извлекаем параметр param - который висит в памяти. Param - является некой ссылкой на метод. mystery2, колорому передано 6.
То есть, если явно пересмотреть работу последнего метода var result = jumble(2); , то будет следующее:
mystery4(2)
mystery2(6)
6 * 5
30 * 4
120 + 2
= 122

Comments

[ummahusla]

Я не говорю, что не так, я просто в начале не понял, откуда это выходит, вот и всё. Спасибо