¿Cómo convierto una cadena JSON a una función en javascript?

Question

¿Cómo puedo convertir una cadena en javascript/jquery a una función?

Estoy tratando de usar una lista de parámetros JSON para inicializar una función. Sin embargo, uno de los parámetros es una función, que almaceno como una cadena, y obtengo un error cuando trato de usar eval() para devolver la función.

Por ejemplo, si mi JSON es:

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

Luego, en mi código:

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

Answer 1

Ejemplo: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" 

que necesitará para cargar la biblioteca JSON en los navegadores que no soportan.

O hacer dos evals separadas:

Ejemplo: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'); 

Asumo que está consciente de los peligros de eval.

Answer 2

Buscando una manera de no utilizar eval esto es lo mejor que podía llegar a . Utilice el constructor de funciones para crear un function desde 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

Ver this SO question. Como se dijo, JSON está destinado a contener datos. Para tratar una parte de los datos como una función, primero debe evaluar la cadena.

Answer 4

Estás evaluando una función anónima, que por supuesto no será invocada por nada. Si realmente desea ejecutar el código en json, entonces el texto debería ser alert(e).

Sin embargo, no parece una cosa muy sensata. Sería mejor que escribieras código para tratar con el contenido del objeto json, en lugar de intentar ejecutar el código incrustado en el json.

Answer 5

Ninguno de los dos es particularmente bueno, pero si puede deshacerse de los bits de envoltura de la función (e), puede usar var myDynamicFunction = new Function("e", "alert(e);");. De lo contrario, está utilizando eval(). Eval() es malvado en general. Si se trata de JSON que está recibiendo de una llamada $.getJSON o algo así, se está abriendo a preocupaciones de seguridad.

Answer 6

Utilice esta:

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

Adición de los paréntesis al principio y al final de la cadena evita el error de sintaxis.

Tenga en cuenta, sin embargo, que está analizando JSON utilizando eval (que en algunos casos tiene riesgos de seguridad, pero supongo que es irrelevante porque desea ejecutar código arbitrario enviado por el servidor).Si tiene la flexibilidad del lado del servidor (para enviar JSON no válido), puede simplemente enviar la función no citada como una cadena y eval debería ser capaz de analizar eso muy bien.