Как понять эту функцию js?

Question

[Bembolat]

const f = x => y => x + y(3);
f(1)(x => 7 + x);

Результат вызова функции - 11 . Сможете объяснить как так получилось?
А вот этот момент y(3) вообще не понял, это же вызов функции, но где она определенна?

Answer 1

[Алексей Уколов]

const f = function (x) {
  return function (y) { <- Вот где она определена
    return x + y(3);
  }
};

f(1)(
  function (x) {return 7 + x;} <- И вот где
);

Comments

[hzzzzl]

блин, я чуть не успел :D

[Bembolat]

Алексей Уколов
function (y) {} - это же анонимная функция, как она вызвалась через свой же аргумент?

[alex]

Bembolat, мы эту функцию вызвали, написав вторые скобки - (x => 7 + x) - вот он вызов. а y - это та функция которая передается в этих скобках - x => 7 + x

[Алексей Уколов]

Ну вот она в аргумент "записалась" и перестала быть анонимной.

Answer 2

[Антон Спирин]

Вызов:
const result = f(1)(x => 7 + x);
можно переписать как:

const foo = f(1);
const result = foo(x => 7 + 1);

foo можно представить как:
y => 1 + y(3);
А вызов foo(x => 7 + 1) как:
1 + (x => 7 + x)(3)
или:
1 + (7 + 3)

Answer 3

[Рональд Макдональд]

Окей, Гугл, стрелочные функции.

Answer 4

[hzzzzl]

function f(x) {
  return function(userFunction) {
    return x + userFunction(3)
  }
}

f(1)(function(x) { return 7 + x })