Passing a function with parameters as a parameter?

Is it possible to pass a javascript function with parameters as a parameter?


$(edit_link).click( changeViewMode( myvar ) );



Use a "closure":

$(edit_link).click(function(){ return changeViewMode(myvar); });

This creates an anonymous temporary function wrapper that knows about the parameter and passes it to the actual callback implementation.


No, but you can pass one without parameters, and do this:

  function() { changeViewMode(myvar); }

So you're passing an anonymous function with no parameters, that function then calls your parameterized function with the variable in the closure


Yes, like this:

$(edit_link).click(function() { changeViewMode(myvar) });

You can do this

var message  = 'Hello World';

var callback = function(){

and then

function activate(callback){
  callback && callback();


Or if your callback contains more flexible logic you can pass object.



Use Function.prototype.bind(). Quoting MDN:

The bind() method creates a new function that, when called, has its this keyword set to the provided value, with a given sequence of arguments preceding any provided when the new function is called.

It is supported by all major browsers, including IE9+.

Your code should look like this:

$(edit_link).click(changeViewMode.bind(null, myvar));

Side note: I assume you are in global context, i.e. this variable is window; otherwise use this instead of null.


Or if you are using es6 you should be able to use an arrow function

$(edit_link).click(() => changeViewMode(myvar));

This is an example following Ferdinand Beyer's approach:

function function1()
    function2(function () { function3("parameter value"); });
function function2(functionToBindOnClick)
function function3(message) { alert(message); }

In this example the "parameter value" is passed from function1 to function3 through function2 using a function wrap.


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.