Javascript empêche la fonction anonyme?

Question

Je dois souvent lier? une fonction qui nécessite des arguments. La solution que j'utilise enveloppe la fonction pour lier à l'intérieur d'une fonction anonyme.

function foo(arg_0) { 
    // do stuff with: arg_0 
} 

function bar() { 
    var abc; 
    // stuff happens 
    abc = 'some value'; 
    attachEventHandler(elementId, 'click', function(){foo(abc);}); 
} 
bar(); 

Y at-il une façon plus élégante de le faire?

Answer 1

Vous pouvez faire un curryer, comme ceci:

function curry(func) { 
    var functionArgs = Array.prototype.slice.call(arguments, 1); 
    return function() { return func.apply(this, functionArgs); }; 
} 

Utilisation:

attachEventHandler(elementId, 'click', curry(foo, abc)); 

Autre possibilité:

Function.prototype.curry = function() { 
    var func = this, functionArgs = arguments; 
    return function() { return func.apply(this, functionArgs); }; 
} 

Utilisation:

attachEventHandler(elementId, 'click', foo.curry(abc)); 

Answer 2

vous pouvez même prendre regarder quelques-uns js libs

par exemple YUI

ce que vous faites

YUI().use('node',function(Y){ 
    Y.one("#elementID").on('click', function(){ 
    // do your stuff here 
    }); 
}); 

Answer 3

C'est très bien. Ce que vous avez est essentiellement l'utilisation d'un callback ou "délégué".

Le curry de SLaks est un bon sucre syntaxique si vous devez le faire souvent dans un script.

Answer 4

Donc dans votre code vous avez une fonction foo() qui prend un événement comme argument? Si c'est tout ce que vous voulez faire alors votre attachEventHandler() peut être écrit comme:

attachEventHandler(elementId, 'click', foo); 

Qu'est-ce qui se passe là-bas est qu'au lieu de appeler foo() il est le passage d'une référence à foo().

Est-ce plus proche de ce que vous pensez?

Answer 5

Vous pouvez masquer la fonction mot si vous préférez 'curry', mais votre méthode d'origine fait la même chose sans la surcharge.

Vous n'avez pas besoin de l'argument entre parenthèses dans la Fonction- anonyme il est toujours portée lorsque vous définissez it-

abc = 'some value'; 
attachEventHandler(elementId, 'click', function(abc){foo(abc);}) 
could be: 
attachEventHandler(elementId, 'click', function(){foo(abc)});