Comment puis-je appeler une fonction anonyme (stockée dans une chaîne) avec un argument en JavaScript?

Question

J'ai la situation suivante en JavaScript:

<a onclick="handleClick(this, {onSuccess : 'function() { alert(\'test\') }'});">Click</a> 

La fonction handleClick reçoit le second argument comme un objet avec une propriété onSuccess contenant la définition de fonction ...

Comment appeler la fonction onSuccess (qui est stocké sous forme de chaîne) -et-passer otherObject à cette fonction? (solution jQuery aussi bien ...)?

C'est ce que je l'ai essayé jusqu'à présent ...

function handleClick(element, options, otherObject) { 
    options.onSuccess = 'function() {alert(\'test\')}'; 

    options.onSuccess(otherObject); //DOES NOT WORK 
    eval(options.onSuccess)(otherObject); //DOES NOT WORK 
} 

Answer 1

Vous avez vraiment pas besoin de le faire. Passez la fonction autour d'une chaîne, je veux dire. fonctions JavaScript sont des objets de première classe, et peuvent être passés autour directement:

<a onclick="handleClick(this, {onSuccess : function(obj) { alert(obj) }}, 'test');"> 
    Click 
</a> 

...

function handleClick(element, options, otherObject) { 
    options.onSuccess(otherObject); // works... 
} 

Mais si vous vraiment voulez le faire votre chemin, puis cloudhead's solution fera tout bien.

Answer 2

Essayez ceci:

options.onSuccess = eval('function() {alert(\'test\')}'); 
options.onSuccess(otherObject); 

Answer 3

Il ne fonctionnait que sur mon FF quand j'ai ajouté un assignmnet dans une variable fictive:

options.onSuccess = 'dummyVariable = function(x) {alert("x=" + x);}'; 
f = eval(options.onSuccess); 
f(5);