Pasar una función con parámetros como parámetro?

Question

¿Es posible pasar una función javascript con parámetros como parámetro?

Ejemplo:

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

Answer 1

utilizar un "cierre":

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

Esto crea una envoltura temporal función anónima que sabe sobre el parámetro y lo pasa a la implementación real de devolución de llamada.

Answer 2

Sí, como este:

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

Answer 3

No, pero puede pasar una sin parámetros, y hacer esto:

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

Así que estás pasando una función anónima sin parámetros, que función luego llama a su función parametrizada con la variable en el cierre

Answer 4

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

El método bind() crea una nueva función que, cuando se llama, tiene su palabra clave this establecido en el valor proporcionado, con una secuencia dada de los argumentos anteriores cualquier proporcionan cuando la nueva función se llama.

Es compatible con todos los principales navegadores, incluido IE9 +.

El código debería tener este aspecto: Nota

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

lateral: Asumo que usted está en el contexto global, es decir this variable es window; de lo contrario, use this en lugar de null.

Answer 5

Usted puede hacer esto

var message = 'Hello World'; 

var callback = function(){ 
alert(this) 
}.bind(message); 

y luego

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

activate(callback); 

O si su devolución de llamada contiene la lógica más flexible que puede pasar objeto.

Demo

Answer 6

Este es un ejemplo siguiente enfoque de Ferdinand Beyer:

function function1() 
{ 
    function2(function() { function3("parameter value"); }); 
} 
function function2(functionToBindOnClick) 
{ 
    $(".myButton").click(functionToBindOnClick); 
} 
function function3(message) { alert(message); } 

En este ejemplo el "valor del parámetro" se pasa de function1 a FUNCTION3 través function2 usando una envoltura de función.

Answer 7

O si está utilizando es6 usted debería ser capaz de utilizar una función de flecha

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