Откуда взялось значение переменно «а»?

Question

[Алексей Беспалов]

Разбираю следующий пример из книжки из раздела Функции высшего порядка. Не могу понять откуда появилась переменная "а" в функции mapper(f), как функция mapper смогла передать массив "а" функции map?

const map = function(a, ...args) {
    return a.map(...args)
}
function mapper(f) {
    return a => map(a, f)
}

const increment = (x) => {
    return x+1
}

const incrementAll = mapper(increment)

let res = incrementAll([1,2,3] )
console.log(res)

Answer 1

[Rsa97]

function mapper(f) {
    return ((a) => map(a, f));
}

Так понятнее?

Comments

[Алексей Беспалов]

Нет, я знаю про стрелочные функции. Но сейчас я вижу функцию, в которой есть переменная а из "воздуха" :(

[Rsa97]

Алексей Беспалов, Ок, ещё один эквивалент

function mapper(f) {
    const foo = (a) => map(a, f);
    return foo;
}

[Александр]

Алексей Беспалов, Вы из функции другую функцию возвращаете. Порождённая функция будет видеть все переменные родительской функции и глобальной области видимости.

[Алексей Беспалов]

Александр, да я вот уже близок к пониманию. Получается мой код выполняется вот в таком порядке:

//3
const map = function(a, ...args) {
    console.log(3)
    return a.map(...args)
}
//1
function mapper(f, ...args) {
    console.log(1)
    return a => map(a, f)
}

//4
const increment = (x) => {
    console.log(4)
    return x+1
}

const incrementAll = mapper(increment)

console.log(incrementAll.toString())

//2
console.log(2)
let res = incrementAll([1,2,3])
console.log(res)

Возвращает:

1
a => map(a, f)
2
3
4
4
4
[ 2, 3, 4 ]

Я не понимаю теперь вот этот момент:
const incrementAll = mapper(increment)
в этой строке судя по отладке и скобок сразу происходит выполнение функций mapper и map. Но ведь они без данных, в этот момент. Или в этот момент не происходит выполнение, а только присвоение?

[Rsa97]

Алексей Беспалов, Происходит вызов функции mapper с параметром increment.

[Алексей Беспалов]

Похоже до меня дошло. Я все это могу заменить вызовом:

const res2 = map([1,2,3], increment)
console.log(res2)

зачем только такие сложности ...

[Rsa97]

Алексей Беспалов, И даже проще можно
const result = [1, 2, 3].map((x) => x + 1);
или
const result = [2, 3, 4];
А пример в книге усложнён искусственно, чтобы дать определённую тему.

Answer 2

[Владимир Коротенко]

Стрелочные функции

https://learn.javascript.ru/arrow-functions-basics