首页  >  文章  >  web前端  >  JavaScript 中的 eval() 和 new Function() 真的可以互换吗?

JavaScript 中的 eval() 和 new Function() 真的可以互换吗?

Patricia Arquette
Patricia Arquette原创
2024-11-02 11:01:02220浏览

Are `eval()` and `new Function()` Truly Interchangeable in JavaScript?

深入研究区别:eval() 和 new Function() 在 JavaScript 中可以互换吗?

在 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() 与 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()。

以上是JavaScript 中的 eval() 和 new Function() 真的可以互换吗?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn