passing an anonymous function to another function in Javascript

Question

I understand you can pass a function as an argument to another function like so

var fn = function(){alert('Hello')}
    function outer(a,fn){
    fn();
    }

How can you pass an anonymous function to another function and have it invoked within the function after taking a parameter from the outer function?

function outer(function(x){alert(x);})
{
var xVar = "foo";
//..would liked to pass xVar to the anaonymous function 
//passed as a param to the function so that "foo" is displayed as message... 
}

Please note changing the signature of outer would be the last choice.

None of your examples are really valid...

Julien Roncaglia
– Julien Roncaglia

2011-12-02 22:38:19 +00:00
Commented Dec 2, 2011 at 22:38 — Julien Roncaglia
– Julien Roncaglia, Commented Dec 2, 2011 at 22:38

Matt Ball · Accepted Answer · 2011-12-02 22:36:14Z

1

You're confusing function invocation (calling a function) with function declaration (defining a function). Here's how do what you ask:

// declare the outer function
function outer(func)
{
    var xVar = 'foo';
    func(xVar)
}

// now invoke it
outer(function (x)
{
    alert(x);
});

answered Dec 2, 2011 at 22:36

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

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

1 Comment

Matt Ball Over a year ago

That's true, but the OP specifically asked about using an anonymous function, which alert is not.

Collectives™ on Stack Overflow

passing an anonymous function to another function in Javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related