JavaScript - Passing Arguments to Anonymous Functions

Question

I'm calling an anonymous function:

        closeSidebar(function() {
            alert("function called");
            $(this).addClass("current");
            setTimeout(function(){openSidebar()}, 300);
        });

But $(this) doesn't work as expected and I need to pass it as an argument into the function. After a bit of research I thought this would work:

            closeSidebar(function(el) {
               $(el).addClass("current");
               setTimeout(function(){openSidebar()}, 300);
            })(this);

But it doesn't. How do I add arguments to an anonymous function?

jsFiddle - Click a button on the right, it animates in then calls the function above. When the button has the class "current" it will have a white bar on the left side of the button but the class never changes.

Ankur · Accepted Answer · 2015-02-27 08:16:15Z

5

You can refer below code for passing parametrs in anonymous function.

var i, img;
for(i = 0; i < 5; i++)
{
  img = new Image();
  img.onload = function(someIndex)
  {
    someFunction(someIndex);
  }(i);
  img.src = imagePaths[i];
}

Hope u will get some idea.

edited Feb 27, 2015 at 8:16

Ankur

2,24725 silver badges32 bronze badges

answered May 19, 2013 at 6:57

SivaRajini

7,43522 gold badges84 silver badges129 bronze badges

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

Comments

user1508519 · Accepted Answer · 2013-05-19 06:51:08Z

4

You can also do this:

        closeSidebar(function(el) {
            $(el).addClass("current");
            setTimeout(function(){openSidebar()}, 300);
        }(this));

The arguments need to be passed to the anonymous function itself, not the caller.

answered May 19, 2013 at 6:51

user1508519

1 Comment

Richard Neil Ilagan Over a year ago

This is valid syntax? And here I thought closeSidebar(function (el) {} (this)); would at best call the function and pass its return to closeSidebar.

anomaaly · Accepted Answer · 2013-05-19 06:50:41Z

1

Use this method for adding arguments:

var fn=function() { };
fn.apply(this,arguments);

answered May 19, 2013 at 6:50

anomaaly

8414 silver badges15 bronze badges

Collectives™ on Stack Overflow

JavaScript - Passing Arguments to Anonymous Functions

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related