Comment convertir une chaîne JSON en une fonction en javascript?

Question

Comment puis-je convertir une chaîne en javascript/jquery en une fonction? J'essaie d'utiliser une liste de paramètres JSON pour initialiser une fonction. Cependant, l'un des paramètres est une fonction, que je stocke comme une chaîne, et j'obtiens une erreur quand j'essaie d'utiliser eval() pour retourner la fonction.

Par exemple, si mon JSON est:

json = { "one": 700, "two": "function(e){alert(e);}" } 

Puis dans mon code:

parameters = eval(json); 
$('myDiv').addThisFeature({ 
parameter_1: json.one, 
parameter_2: eval(json.two) // <= generates error 
}) 

Answer 1

Exemple:http://jsfiddle.net/patrick_dw/vs83H/

var json = '{ "one": 700, "two": "function(e){alert(e);}" }'; 
var parameters = JSON.parse(json); 
eval('var func = ' + parameters.two); 
func('test'); // alerts "test" 

Vous aurez besoin de charger la bibliothèque JSON dans les navigateurs qui ne supportent pas.

Ou faire deux evals distincts:

Exemple:http://jsfiddle.net/patrick_dw/vs83H/1/

var json = '{ "one": 700, "two": "function(e){alert(e);}" }'; 
eval('var parameters = ' + json); 
eval('var func = ' + parameters.two); 
func('test'); 

Je suppose que vous êtes au courant des dangers de eval.

Answer 2

Vous cherchez un moyen de pas utiliser eval c'est le meilleur que je pouvais venir avec . Utilisez le constructeur Function pour créer un function à partir d'un string.

var parsed = JSON.parse('{"one":"700", "two":"function(){return 0;}" }'); 
var func = new Function('return ' + parsed.two)(); // return parsed.two function 
alert(typeof func); // function 
alert(func()) // 0 

Answer 3

Voir this SO question. Comme cela a été dit, JSON est censé contenir des données. Pour traiter une partie des données en tant que fonction, vous devez d'abord évaluer la chaîne.

Answer 4

Vous évaluez une fonction anonyme, qui bien sûr ne sera appelée par rien. Si vous vouliez vraiment exécuter le code dans le json, le texte devrait être alert(e).

Cependant, cela ne semble pas très logique. Vous feriez mieux d'écrire du code pour gérer le contenu de l'objet json, plutôt que d'essayer d'exécuter du code incorporé dans le fichier json.

Answer 5

Aucun des deux moyens n'est particulièrement agréable, mais si vous pouvez vous débarrasser des bits de l'enveloppe de la fonction (e), alors vous pouvez utiliser var myDynamicFunction = new Function("e", "alert(e);"); Sinon, vous cherchez à utiliser eval(). Eval() est le mal en général. Si c'est JSON que vous revenez d'un appel $.getJSON ou quelque chose, vous vous ouvrez à des problèmes de sécurité.

Answer 6

Utilisez ceci:

parameters = eval('(' + json + ')'); 
$('#myDiv').addThisFeature({ 
parameter_1: parameters.one, 
parameter_2: eval('(' + parameters.two + ')') // <= does not generate an error 
}); 

Ajout des parenthèses au début et à la fin de la chaîne empêche l'erreur de syntaxe. Notez cependant que vous analysez JSON en utilisant eval (ce qui dans certains cas présente des risques de sécurité, mais je suppose que cela n'est pas pertinent car vous voulez exécuter du code arbitraire envoyé par le serveur).Si vous avez la flexibilité côté serveur (pour envoyer JSON invalide), vous pouvez simplement envoyer la fonction non indiquée sous forme de chaîne et eval devrait être capable d'analyser cela très bien.