深入探讨区别：JavaScript 中 eval() 和 new Function() 可以互换吗？

在 JavaScript 中，我们经常遇到这样的函数eval() 和 new Function()。虽然它们的语法乍一看似乎很相似，但仔细检查就会发现它们的行为存在根本差异。

考虑以下单语句函数：

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

这两个函数的操作是否相同？与流行的看法相反，它们不是。

eval() vs. new Function()

• eval()：解释当前执行范围内作为 JavaScript 表达式的字符串。它具有访问局部变量的能力。
• new Function()：从包含 JavaScript 代码的字符串构造函数对象。该函数在单独的作用域中运行，将其与局部变量隔离。

为了说明这种差异，请考虑以下函数：

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

在此示例中，eval() 修改了 test1() 函数中的局部变量 'a'，导致警报为 22。但是，如果我们使用 new Function('return (a = 22);')()，局部变量'a'将保持不变。

含义和注意事项

虽然 eval() 和 new Function() 都达到了各自的目的，但值得注意的是 eval() 具有固有的安全风险。它访问局部变量并可能修改全局范围的能力可能会导致意想不到的后果。

因此，除非绝对必要，否则通常建议避免使用 eval()。传递到 eval() 的不受信任的数据可能会损害应用程序的安全性。同样，在处理不受信任的输入时应谨慎使用 new Function()。