Sind eval () und new Function () dasselbe?

Tun diese beiden Funktionen hinter den Kulissen dasselbe? (in Einzelanweisungsfunktionen)

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

Nein, sie sind nicht gleich.

• eval() wertet eine Zeichenfolge als JavaScript-Ausdruck im aktuellen Ausführungsbereich aus und kann auf lokale Variablen zugreifen.
• new Function()analysiert den in einer Zeichenfolge gespeicherten JavaScript-Code in ein Funktionsobjekt, das dann aufgerufen werden kann. Es kann nicht auf lokale Variablen zugreifen, da der Code in einem separaten Bereich ausgeführt wird.

Betrachten Sie diesen Code:

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

Bei new Function('return (a = 22);')()Verwendung awürde die lokale Variable ihren Wert behalten. Einige JavaScript-Programmierer wie Douglas Crockford sind jedoch der Ansicht, dass keines von beiden verwendet werden sollte, es sei denn, dies ist unbedingt erforderlich , und das Auswerten / Verwenden des FunctionKonstruktors für nicht vertrauenswürdige Daten ist unsicher und unklug.

Nein.

In Ihrem Update rufen die Aufrufe dasselbe Ergebnis auf evaluateund funcführen zu demselben Ergebnis. Aber sie tun definitiv nicht "das Gleiche hinter den Kulissen". Die funcFunktion erstellt eine neue Funktion, führt sie jedoch sofort aus, während die evaluateFunktion den Code einfach vor Ort ausführt.

Aus der ursprünglichen Frage:

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

Dies führt zu sehr unterschiedlichen Ergebnissen:

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

new Function erstellt eine Funktion, die wiederverwendet werden kann. evalführt nur die angegebene Zeichenfolge aus und gibt das Ergebnis der letzten Anweisung zurück. Ihre Frage ist falsch, als Sie versucht haben, eine Wrapper-Funktion zu erstellen, die Function verwendet, um eine Bewertung zu emulieren.

Stimmt es, dass sie Code hinter den Vorhängen teilen? Ja, sehr wahrscheinlich. Genau der gleiche Code? Nein, sicher.

Zum Spaß ist hier meine eigene unvollständige Implementierung, bei der eval zum Erstellen einer Funktion verwendet wird. Hoffe, es bringt etwas Licht in den Unterschied!

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]');
}

Der größte Unterschied zwischen dieser und der neuen Funktion besteht darin, dass die Funktion nicht lexikalisch festgelegt ist. Es hätte also keinen Zugriff auf Schließungsvariablen und meine würde.

Ich möchte nur auf die in den Beispielen verwendete Syntax und deren Bedeutung hinweisen:

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

Beachten Sie, dass die Funktion (...) () am Ende das "()" hat. Diese Syntax bewirkt, dass func die neue Funktion ausführt und die Zeichenfolge zurückgibt, keine Funktion, die eine Zeichenfolge zurückgibt. Wenn Sie jedoch Folgendes verwenden:

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

Jetzt gibt func eine Funktion zurück, die einen String zurückgibt.

Wenn Sie meinen, wird es die gleichen Ergebnisse liefern, dann ja ... aber nur zu bewerten (auch bekannt als "Bewertung dieser JavaScript-Zeichenfolge") wäre viel einfacher.

BEARBEITEN Unten:

Es ist wie zu sagen ... sind diese beiden mathematischen Probleme gleich:

1 + 1

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

In diesem Beispiel sind die Ergebnisse dieselben, ja. Beide führen den übergebenen Ausdruck aus. Das macht sie so gefährlich.

Aber sie machen verschiedene Dinge hinter der Kulisse. Derjenige new Function(), der hinter den Kulissen involviert ist, erstellt aus dem von Ihnen angegebenen Code eine anonyme Funktion, die ausgeführt wird, wenn die Funktion aufgerufen wird.

Das JavaScript, das Sie übergeben, wird technisch erst ausgeführt, wenn Sie die anonyme Funktion aufrufen. Dies steht im Gegensatz dazu, eval()dass der Code sofort ausgeführt wird und keine darauf basierende Funktion generiert wird.