JS中的eval及json浅谈

末蓝、 2024-03-26 11:00 95阅读 0赞

![f682fc81f2ef045c17ed88f092e66c31.jpeg][]

本人是JS新手，所以不敢说深入，只是把最近对eval的学习经验拿出来跟大家分享，如果您是高手可略去不看。

适合读者：

对JS中的eval一知半解，不知eval是如何把字符串转换为json对象的，在用eval把字符串转换为json时常遇到“missing \] after element list”错误却不知哪儿错了的朋友。

**一、Eval介绍**

定义和用法:eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

语法:eval(string)

参数string:必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。

返回值：通过计算 string 得到的值（如果有的话）。

说明：该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性，并通过该属性调用它，则 ECMAScript 实现允许抛出一个 EvalError 异常。

异常：如果参数中没有合法的表达式和语句，则抛出 SyntaxError 异常。如果非法调用 eval()，则抛出 EvalError 异常。如果传递给 eval() 的 Javascript 代码生成了一个异常，eval() 将把该异常传递给调用者。

**二、Eval用法示例**

对于编程方面的问题我一直认为说明问题最好的方法就是示例，看了上面的定义我们再来看几个例子：

code 1:

1 var code1="\\"a\\" + 2";

2 var code2= \{"a":2\};

3 var code3 ="\{\\"b\\":3\}";

5 console.log(code1);

6 console.log(eval(code1));

8 console.log(code2);

9 console.log(code2.a);

10 console.log(eval(code2));

11 console.log(eval("("+ code2 +")"));

13 console.log(code3);

14 console.log(code3.b);

15 t = eval("("+code3+")");

16 console.log(t);

17 console.log(t.b);

从5到17行分别会输出什么呢？在这里简单解析一下：

code1是一个字符串加数字的表达式字符串，所以第5行原样输出为"a"+2，第6行经eval运算后输出a2。

code2是一个json对象（关于json定义参考：深入浅出JSON），所以第8行输出Object \{ a=2\}，如果用alert(code2)会弹出\[object Object\]。第9行输出2。第10行呢，由于code2是一个json对象，不是一个字符串，因此eval在这里没有起作用，原样返回，所以跟第8行输出一样。第11行呢，由于code2已经是一个json对象，把json对象两边加一个括号进行运算的结果是什么呢，JS中这个语法是错的，所以这行会报异常，如果我们捕获一下异常输出会是什么呢，就是新手非常头痛的“missing \] after element list”了。

code3是一个json格式的字符串，因此第13行输出\{"b":3\}。第14行输出undefined。第15行对这个字符串加括号（加括号的原因请看下文）后进行eval运算，把字符串转换成了json对象，所以第16行输出Object \{ b=3\}，第17行输出3。

是不是这样呢，看看结果吧：

**三、Eval把json格式字符串转换为json对象为什么要加括号**

这一点园子里有一篇文章讲得比较清楚（原文链接：eval和JSON），这里就不献丑了，这里直接用原文的话来说明。加上圆括号的目的是迫使eval函数在评估JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量\{\}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么\{\}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：

code 2:

1 alert(eval("\{\}"); // return undefined

2 alert(eval("(\{\})");// return object\[Object\]

所以，code 1中第15行要加上括号，如果不加会怎么样呢，大家可以测试一下。关于这一点，大家可以类比一下SQL语句，当一个子查询结果要做为关联表用时，会在查询语句两边加上括号，如：

code 3:

selecttop10\*from TB where ID notin (selecttop5 ID from TB)

四、jquery中[ajax][]返回值的处理

用eval把字符串转换为json对象用的最多的地方就是在ajax中。ajax的返回值有些是json格式的字符串，所以要用eval("("+返回的json格式字符串+")")来转换，这样写一般是没有问题的，但现在有很多是用jquery中的ajax方法来做的，jquery的强大也让很多人在用时容易忽略一些问题，比较常见的就是contentType跟dataType，contentType与本文没什么关系，这里只说说dataType参数。

dataType可用的类型有xml,html,script,json,jsonp,text，用的比较多的是xml,json,text。有些朋友在用时不管dataType是什么类型，都把返回值eval一下，有时碰巧对了，有时错了就不知道问题出在哪儿，一筹莫展。

dataType是预期服务器返回的数据类型，如果不指定jQuery将自动根据HTTP包MIME信息返回responseXML或responseText。也就是说如果你dataType写的是json格式，jQuery在返回时已经把返回值转换成了json对象，这时就不需要再用eval转换了，如果dataType写的是text才需要用eval转换。

希望本文对新手有所帮助，让大家不再害怕eval跟json。

来源：[https://www.weidianyuedu.com][https_www.weidianyuedu.com]

[f682fc81f2ef045c17ed88f092e66c31.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/75e646b67a924ff9a48951fcd0d093eb.png
[ajax]: https://so.csdn.net/so/search?q=ajax&spm=1001.2101.3001.7020
[https_www.weidianyuedu.com]: https://www.weidianyuedu.com