❤ js函数之eval()-Toy模板网

这篇具有很好参考价值的文章主要介绍了❤ js函数之eval()。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

❤Javascript函数之函数之eval()

❤ 1、认识

eval() 函数会将传入的字符串当做 JavaScript 代码进行执行

谨慎使用！或者永远不要使用 eval！文章来源地址https://www.toymoban.com/news/detail-434081.html

❤ 2、了解

谨慎使用！或者永远不要使用 eval！
eval(string) // 参数 string 表示 JavaScript 表达式、语句或一系列语句的字符串。表达式可以包含变量与已存在对象的属性。

输出：
返回字符串中代码的返回值。如果返回值为空，则返回 undefined。

* eval() 是全局对象的一个函数属性
如果 eval() 的参数不是字符串， eval() 会将参数原封不动地返回
可以使用一些通用的方法来帮助使用，例如使用 toString()。

var expression = new String("2 + 2");
eval(expression.toString());
//输出 4

* 如果你间接的使用 eval()，比如通过一个引用来调用它，而不是直接的调用 eval。从 ECMAScript 5 起，它工作在全局作用域下，而不是局部作用域中。这就意味着，例如，下面的代码的作用声明创建一个全局函数，并且 eval 中的这些代码在执行期间不能在被调用的作用域中访问局部变量

function test() {
  var x = 2, y = 4;
  console.log(eval('x + y'));  // 直接调用，使用本地作用域，结果是 6
  var geval = eval; // 等价于在全局作用域调用
  console.log(geval('x + y')); // 间接调用，使用全局作用域，throws ReferenceError 因为`x`未定义
  (0, eval)('x + y'); // 另一个间接调用的例子
}

eval() 是一个危险的函数，它使用与调用者相同的权限执行代码。如果你用 eval() 运行的字符串代码被恶意方（不怀好意的人）修改，您最终可能会在您的网页/扩展程序的权限下，在用户计算机上运行恶意代码。更重要的是，第三方代码可以看到某一个 eval() 被调用时的作用域，这也有可能导致一些不同方式的攻击。相似的 Function 就不容易被攻击。

eval() 通常比其他替代方法更慢，因为它必须调用 JS 解释器，而许多其他结构则可被现代 JS 引擎进行优化。

此外，现代JavaScript解释器将javascript转换为机器代码。这意味着任何变量命名的概念都会被删除。因此，任意一个eval的使用都会强制浏览器进行冗长的变量名称查找，以确定变量在机器代码中的位置并设置其值。另外，新内容将会通过 eval() 引进给变量，比如更改该变量的类型，因此会强制浏览器重新执行所有已经生成的机器代码以进行补偿。但是，（谢天谢地）存在一个非常好的eval替代方法：只需使用 window.Function。这有个例子方便你了解如何将eval()的使用转变为Function()。

❤ 3、使用

谨慎使用！或者永远不要使用 eval！

console.log(eval('2 + 2'));
// expected output: 4
console.log(eval(new String('2 + 2')));
// expected output: 2 + 2
console.log(eval('2 + 2') === eval('4'));
// expected output: true
console.log(eval('2 + 2') === eval(new String('2 + 2')));
// expected output: false