Как написать аналог стрелочной функции в замыканиях?

Question

[Михаил Оловянников]

Изучаю JS по книге выразительный JS и столкнулся с непониманием в уроке про замыкания. Автор приводит такой пример:

function multiplier(x) {
    return number => number * x;
}
let twice = multiplier(2);
console.log(twice(10));

Суть работы мне полностью понятна. Мне непонятно вот это: number => number * 2;. Что это за странное объявление функции? Сами стрелочные функции я понимаю. Но такого объявления в книге до этого момента не встречалось. Я, пытаясь разобраться, переписал код в таком формате:

function multiplier(x) {
    return function(number) {
        number * x;
    }
}
let twice = multiplier(2);
console.log(twice(10));

Но в таком виде ничего не работает. Почему? Или замыкание может работать только через стрелочные функции только в таком формате?

Comments

[WbICHA]

Сами стрелочные функции я понимаю. Но такого объявления в книге до этого момента не встречалось.

А чем эта стрелочная отличается от того, что встречалось?

[WbICHA]

Но в таком виде ничего не работает.

return

[WbICHA]

Вообще, ты явно неверно переписал пример. х тебе для чего?

[Михаил Оловянников]

WbICHA, да, спасибо, там ошибка - исправлю.)

Answer 1

[otdameskapizm]

Твоя функция работает. Ты просто забыл добавить return number * 2
В твоей стрелочной функции он тоже есть number => number * 2; просто он задан неявно. У тебя не используется нигде x - возможно, стоит рассмотреть куда его можно здесь применить

Comments

[Михаил Оловянников]

Благодарю. Но хотел задать вам еще один вопрос. Во всех стрелочных функциях return подразумевается неявно или только когда они находятся в других функциях/имеют одну инструкцию?
Например, я написал две стрелочные функции - вроде одно и тоже, но ведет себя по разному:

let x = () => 2 + 2;
console.log(x); // Выводит внутренности функции.
let m = (z) => z + 2;
console.log(m(2)); // Выводит 4.

Почему так? Выходит в одной есть неявный return а в другой нету?

[otdameskapizm]

Нет, можно его явно задать

const foo = (num) => {
  return num
};
console.log(foo(2)); // 2

Внутренности функции у вас выводит, потому что в первом случае в лог вы выводите ссылку на функцию (вы ее не вызываете).

[Михаил Оловянников]

otdameskapizm, все, спасибо большое - полностью разобрался. Понял что функция первая не работала, потому что я () не поставил.)

[Сергей delphinpro]

logicface, если нет фигурных скобок вокруг тела функции, значит будет неявный возврат.
Если фигурные скобки есть, то возврат должен быть указан явно.
Количество инструкций здесь не при чем. Возможно имелось ввиду количество выражений в теле функции. Но и это не при чем. Просто без фигурных скобок более одного выражения вы записать не сможете.
Я вот только не помню, фигня с оператором comma считается ли за одно выражение.

[Василий Банников]

Сергей delphinpro, если использовать запятую, то всё будет одним выражением

Answer 2

[VoidVolker]

Вероятно правильнее так:

function multiplier(x) {
    return number => number * x
}
let twice = multiplier(2)
console.log(twice(10))

function multiplier(x) {
    return function(number) {
        return number * x
    }
}
let twice = multiplier(2)
console.log(twice(10))

Что это за странное объявление функции?

Обычная стрелочная функция.

number => number * x
(number) => number * x
number => { return number * x }
(number) => { return number * x }

Comments

[Сергей delphinpro]

в последних двух случаях для возврата значения необходимо явно указывать return

[VoidVolker]

Сергей delphinpro о, точно! Забыл, спасибо - поправил.