¿Son eval() y new Function() lo mismo?

Question

¿Estas dos funciones están haciendo lo mismo detrás de escena? (en funciones de extracto único)

var evaluate = function(string) { 
    return eval('(' + string + ')'); 
} 

var func = function(string) { 
    return (new Function('return (' + string + ')')()); 
} 

console.log(evaluate('2 + 1')); 
console.log(func('2 + 1')); 

Answer 1

No, son no lo mismo.

• eval() evalúa una cadena como una expresión de JavaScript dentro del alcance de ejecución actual y puede acceder a las variables locales.
• new Function() analiza el código de JavaScript almacenado en una cadena en un objeto de función, que luego se puede llamar. No puede acceder a las variables locales porque el código se ejecuta en un ámbito separado.

consideran este código:

function test1() { 
    var a = 11; 
    eval('(a = 22)'); 
    alert(a);   // alerts 22 
} 

Si se utilizaron new Function('return (a = 22);')(), la variable local a conservaría su valor. Sin embargo, algunos programadores de JavaScript como Douglas Crockford creen que neither should be used a menos que absolutely necessary, y la evaluación/uso del constructor Function en datos no confiables es inseguro e imprudente.

Answer 2

En ese ejemplo, los resultados son los mismos, sí. Ambos ejecutan la expresión que pasas. Esto es lo que los hace tan peligrosos.

Pero hacen cosas diferentes detrás del escenario. El que implica new Function(), entre bastidores, crea una función anónima a partir del código que usted suministra, que se ejecuta cuando se invoca la función.

El JavaScript que le pasa no se ejecuta técnicamente hasta que invoca la función anónima. Esto está en contraste con eval() que ejecuta el código de inmediato y no genera una función basada en él.

Answer 3

Si quiere decir, ¿dará los mismos resultados, entonces sí ... pero solo para evaluar (también conocido como "evaluar esta cadena de JavaScript") sería mucho más simple.

EDITAR continuación:

es como decir ... son estos dos problemas de matemáticas de la misma:

1 + 1

1 + 1 + 1 - 1 + 1 - 1 * 1/1

Answer 4

Nº

En su actualización, las llamadas a evaluate y func producen el mismo resultado. Pero, definitivamente no están "haciendo lo mismo detrás de escena". La función func crea una nueva función, pero luego la ejecuta de inmediato, mientras que la función evaluate simplemente ejecuta el código in situ.

A partir de la pregunta original:

var evaluate = function(string) { 
    return eval(string); 
} 
var func = function(string) { 
    return (new Function('return (' + string + ')')()); 
} 

Estos le darán resultados muy diferentes:

evaluate('0) + (4'); 
func('0) + (4'); 

Answer 5

new Function crea una función que puede ser reutilizado. eval simplemente ejecuta la cadena dada y devuelve el resultado de la última instrucción. Su pregunta está equivocada ya que intentó crear una función contenedora que utiliza la Función para emular una evaluación.

¿Es verdad que comparten algún código detrás de las cortinas? Sí, muy probablemente Exactamente el mismo código? No, ciertamente

Por diversión, esta es mi propia implementación imperfecta usando eval para crear una función. Espero que arroje algo de luz en la diferencia!

function makeFunction() { 
    var params = []; 
    for (var i = 0; i < arguments.length - 1; i++) { 
    params.push(arguments[i]); 
    } 
    var code = arguments[arguments.length - 1]; 


// Creates the anonymous function to be returned 
// The following line doesn't work in IE 
// return eval('(function (' + params.join(',')+ '){' + code + '})'); 
// This does though 
return eval('[function (' + params.join(',')+ '){' + code + '}][0]'); 
} 

La mayor diferencia entre esta y la nueva función es que la función no tiene un alcance léxico. Entonces no tendría acceso a las variables de cierre y la mía lo haría.

Answer 6

Sólo quiero señalar algunas sintaxis utilizada en los ejemplos aquí y lo que significa:

var func = function(string) { 
    return (new Function('return (' + string + ')')()); 
} 

aviso de que la función (...)() tiene el "()" al final. Esta sintaxis causará func para ejecutar la nueva función y devolver la cadena no una función que devuelve la cadena, pero si se utiliza la siguiente:

var func = function(string) { 
    return (new Function('return (' + string + ')')); 
} 

Ahora func devolverá una función que devuelve una cadena.