Eval() e new Function() sono la stessa cosa?

Question

Queste due funzioni fanno la stessa cosa dietro le quinte? (nelle funzioni a singola istruzione)

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, sono non lo stesso.

• eval() valuta una stringa come un'espressione JavaScript nell'ambito corrente di esecuzione e può accedere alle variabili locali.
• new Function() analizza il codice JavaScript memorizzato in una stringa in un oggetto funzione, che può quindi essere chiamato. Non può accedere alle variabili locali perché il codice viene eseguito in un ambito separato.

Considerate questo codice:

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

Se new Function('return (a = 22);')() sono stati utilizzati, la variabile locale a avrebbe mantenuto il suo valore. Ciononostante, alcuni programmatori JavaScript come Douglas Crockford ritengono che neither should be used a meno che non sia absolutely necessary e la valutazione/utilizzo del costruttore Function su dati non attendibili non siano sicuri e imprudenti.

Answer 2

In questo esempio, i risultati sono gli stessi, sì. Entrambi eseguono l'espressione che passi. Questo è ciò che li rende così pericolosi.

Ma fanno cose diverse dietro al profumo. Quella che coinvolge new Function(), dietro le quinte, crea una funzione anonima dal codice che fornisci, che viene eseguita quando viene invocata la funzione.

Il codice JavaScript che si passa ad esso non viene eseguito tecnicamente finché non si richiama la funzione anonima. Questo è in contrasto con eval() che esegue immediatamente il codice e non genera una funzione basata su di esso.

Answer 3

Se si intende, otterrà gli stessi risultati, quindi sì ... ma solo per eval (ovvero "valutare questa stringa di JavaScript") sarebbe molto più semplice.

Modifica Qui di seguito:

E 'come dire ... sono questi due problemi di matematica lo stesso:

1 + 1

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

Answer 4

No.

Nel suo aggiornamento, le chiamate a evaluate e func producono lo stesso risultato. Ma sicuramente non stanno "facendo la stessa cosa dietro le quinte". La funzione func crea una nuova funzione, ma immediatamente la esegue, mentre la funzione evaluate esegue semplicemente il codice sul posto.

Dalla domanda iniziale:

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

Questi vi darà risultati molto diversi:

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

Answer 5

new Function crea una funzione che può essere riutilizzato. eval esegue semplicemente la stringa data e restituisce il risultato dell'ultima istruzione. La tua domanda è fuorviante mentre tentavi di creare una funzione wrapper che utilizza Function per emulare un'eval.

È vero che condividono qualche codice dietro le tende? Sì, molto probabilmente. Esattamente lo stesso codice? No, certamente.

Per divertimento, ecco la mia implementazione imperfetta utilizzando eval per creare una funzione. Spero che faccia luce nella differenza!

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 più grande differenza tra questa e la nuova funzione è che la funzione non è in ambito lessicale. Quindi non avrebbe accesso alle variabili di chiusura e il mio lo farebbe.

Answer 6

Voglio solo sottolineare alcune sintassi utilizzata negli esempi qui e che cosa significa:

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

noti che la funzione (...)() ha il "()" alla fine. Questa sintassi causerà func per eseguire la nuova funzione e restituire la stringa non è una funzione che restituisce stringa, ma se si utilizza il seguente:

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

Ora func restituirà una funzione che restituisce una stringa.