eval(date)和eval(“(“+data+“)“)

原创于 2021-12-16 16:03:57 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

许久

文章标签：

#javascript #前端 #json

本文探讨了JavaScript中的eval()函数，解释了为何在处理JSON字符串时需要使用`eval("("+data+")")`，强调了eval()的安全风险和性能问题，并推荐了使用JSON.parse作为替代方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一. eval（data）

eval() 函数会将传入的字符串转换为对象

语法

eval(string)

string
一个表示 JavaScript 表达式、语句或一系列语句的字符串。表达式可以包含变量与已存在对象的属性。

参数

text
要被解析成 JavaScript 值的字符串
reviver 可选
转换器, 如果传入该参数(函数)，可以用来修改解析生成的原始值，调用时机在 parse 函数返回之前。

返回值

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

实例

字符串=>对象
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

二. eval("("+data+")")

如果data是字符串，使用eval("("+data+")")可以将其转换为json对象，和JSON.parse的功能一样。
如果data是json对象，使用eval("("+data+")")会报错。eval一个json对象，没有什么作用，这个时候不需要使用eval方法，直接用data即可。

所以，如果后台返回的是字符串，就使用eval("("+data+")")

为什么eval要添加括号呢？

原因：eval本身的问题。由于json是以{}的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。

举例:例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。

console.log(eval("{}"); // undefined

console.log(eval("({})");// object[Object]

eval("("+data+")")可以将"{“name”:“123”}“和”[{“name”:“123”}]"两种格式的字符串转换为json对象。

var strJson1="{"name":"123"}";
var strJson2="[{"name":"123"}]";
var json1=eval("("+strJson1+")");
var json3=eval("("+strJson2+")");

结果
在这里插入图片描述

eval(data)是不能将"[{“name”:“123”}]"这种格式的字符串转换为json对象的，会报错误：Uncaught SyntaxError: Unexpected token ‘:’

三. eval() 是一个危险的函数并且执行慢

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

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

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

(不好的代码）
function looseJsonParse(obj){
    return eval("(" + obj + ")");
}
console.log(looseJsonParse(
   "{a:(4-1), b:function(){}, c:new Date()}"
))

（优化的代码）
function looseJsonParse(obj){
    return Function('"use strict";return (' + obj + ')')();
}
console.log(looseJsonParse(
   "{a:(4-1), b:function(){}, c:new Date()}"
))