Javascript Closure scope return function

Question

I'm currently looking at the 2nd solution of the 2nd question on this page,

https://www.sitepoint.com/5-javascript-interview-exercises/

I'm stuck why you need a closure.

function handlerWrapper(i) {
   return function() {
      console.log('You clicked element #' + i);
   }
}

Why do I need to the return function. When I try

function handlerWrapper(i) {

     console.log('You clicked element #' + i);

}

It doesnt work. What exactly does including the

console.log('You clicked element #' + i);

within the return function do? Why does it work and why do I need to do it within the return function?

Thank you ahead of time

TazGR · Accepted Answer · 2017-12-21 11:39:21Z

1

Well it's simple, lets say this:

function printToConsole(callback) {
    workOrSomething();
    callback();
}

function handlerWrapper(i) {
     console.log('You clicked element #' + i);
}

//This doesn't know what i you want.
printToConsole(handleWrapper); -> You clicked element #undefined

function handlerWrapper(i) {
    return function() {
        console.log('You clicked element #' + i);
    }
}

//This does
printToConsole(handleWrapper(3)); -> You clicked element #3

I hope you got the idea...

answered Dec 21, 2017 at 11:39

TazGR

738 bronze badges

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

Collectives™ on Stack Overflow

Javascript Closure scope return function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related