eval() 和 new Function() 是一回事吗？

Question

这两个函数在幕后做同样的事情吗？ （在单语句函数中）

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

不，它们不相同。

• eval() 在当前执行范围内将字符串计算为 JavaScript 表达式，并且可以访问局部变量。
• new Function() 将存储在字符串中的 JavaScript 代码解析为函数对象，然后可以调用该函数对象。它无法访问局部变量，因为代码在单独的范围内运行。

考虑这段代码：

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

如果使用了new Function('return (a = 22);')()，则局部变量a 将保留其值。尽管如此，Douglas Crockford 等一些 JavaScript 程序员认为 neither should be used 除非 absolutely necessary，并且在不受信任的数据上评估/使用 Function 构造函数是不安全和不明智的。

Answer 2

new Function 创建一个可以重用的函数。 eval 只是执行给定的字符串并返回最后一条语句的结果。当您尝试创建一个使用 Function 模拟 eval 的包装函数时，您的问题被误导了。

他们在幕后共享一些代码是真的吗？是的，很有可能。完全一样的代码？不，当然。

为了好玩，这是我自己使用 eval 创建函数的不完美实现。希望它能够揭示差异！

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

this 和 new Function 最大的区别在于 Function 没有词法作用域。所以它不能访问闭包变量，而我的会。

Answer 3

没有。

在您的更新中，对 evaluate 和 func 的调用会产生相同的结果。但是，他们绝对不是“在幕后做同样的事情”。 func 函数创建一个新函数，然后立即执行它，而 evaluate 函数只是在现场执行代码。

来自原始问题：

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

这些会给你带来非常不同的结果：

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

Answer 4

只想指出这里示例中使用的一些语法及其含义：

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

请注意 Function(...)() 的末尾有“()”。此语法将导致 func 执行新函数并返回字符串而不是返回字符串的函数，但如果您使用以下内容：

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

现在 func 将返回一个返回字符串的函数。

Answer 5

如果你的意思是，它会产生相同的结果，那么是的......但只是 eval（也就是“评估这个 JavaScript 字符串”）会简单得多。

在下面编辑：

就像是说……这两个数学题一样吗：

1 + 1

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

Answer 6

在那个例子中，结果是一样的，是的。两者都执行您传递的表达式。这就是使它们如此危险的原因。

但他们在幕后做不同的事情。涉及new Function() 的幕后花絮从您提供的代码中创建了一个匿名函数，该函数在调用该函数时执行。

在您调用匿名函数之前，您传递给它的 JavaScript 在技术上不会执行。这与eval() 形成对比，后者会立即执行代码，并且不会基于它生成函数。