Javascript code works with arrow function and not with normal function

Question

My javascript code works with arrow function but not with normal function

//NORMAL FUNCTION (not working)
function multiplier(factor) {
    return function (number) {
        number * factor;
    }
}
const twice = multiplier(2);
console.log(twice(5));


//ARROW FUNCTION (working)
function multiplier(factor) {
    return number => number * factor;
}
const twice = multiplier(2);
console.log(twice(5));

Thanks

You need to return result in return function (number) { and with arrow function without curly braces result is returned automatically. — Nick Surmanidze
– Nick Surmanidze, Commented Sep 11, 2020 at 7:53

famenev · Accepted Answer · 2020-09-11 07:53:21Z

4

You're missing a return statement in the inner function

function multiplier(factor) {
    return function (number) {
        return number * factor;
    }
}

answered Sep 11, 2020 at 7:53

famenev

2762 silver badges3 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Hamza Masood Over a year ago

So the return before the normal function is not doing anything?

iAmOren Over a year ago

Nice catch! After the fix, multiplier(2)(5) can be used

famenev Over a year ago

@HamzaMasood it does, it returns the inner function. If you use an arrow function without braces it just returns automatically. You can also write it as a double arrow function const multiplier = (factor) => (number) => factor * number, then you don't need the return statement on the outer function

Collectives™ on Stack Overflow

Javascript code works with arrow function and not with normal function

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related