Passer une fonction avec des paramètres en paramètre?

Question

Est-il possible de passer une fonction javascript avec des paramètres en paramètre?

Exemple:

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

Answer 1

Utilisez une « fermeture »:

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

Cela crée une enveloppe de fonction temporaire anonyme qui connaît sur le paramètre et il passe à la mise en œuvre de rappel en cours.

Answer 2

Oui, comme ceci:

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

Answer 3

Non, mais vous pouvez passer un sans paramètres, et faire ceci:

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

Donc vous passez une fonction anonyme sans paramètre, que fonction appelle alors votre fonction paramétrée avec la variable dans la fermeture

Answer 4

Utilisez Function.prototype.bind(). Citant MDN:

Le bind() procédé crée une nouvelle fonction qui, lorsqu'elle est appelée, a son mot this réglé sur la valeur fournie, avec une séquence donnée d'arguments précédents quelconque pourvu que la nouvelle fonction est appelée.

Il est pris en charge par tous les principaux navigateurs, y compris IE9 +.

Votre code devrait ressembler à ceci:

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

Side note: Je suppose que vous êtes dans le contexte mondial, à savoir la variable this est window; sinon, utilisez this au lieu de null.

Answer 5

Vous pouvez le faire

var message = 'Hello World'; 

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

puis

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

activate(callback); 

Ou si votre rappel contient une logique plus souple que vous pouvez passer l'objet.

Demo

Answer 6

Voici un exemple suivant l'approche de Ferdinand Beyer:

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

Dans cet exemple, la « valeur du paramètre » est passé de function1 à FUNCTION3 par fonction2 à l'aide d'une enveloppe de fonction.

Answer 7

Ou si vous utilisez ES6, vous devriez être en mesure d'utiliser une fonction de flèche

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