js--eval函数

2021-08-26 08:18:16

前言：

js的eval函数很牛叉，用了几次--不过都没有记录。试想：如果没有EXT、JQery，怎样将json字符串转换为对象呢？

定义2个字符串变量s1、s2。其中s1表示一个对象；s2表示一个数组，里面包含1个对象。

var s1 = '{name:"Tom",age:18}';

var s2 = '[{name:"Tom",age:18}]';

调用eval函数，将s1、s2转换为json对象

可以看出，已经成功将s2转换成了对象，而转换s1失败。

原因：

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

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

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

解决的办法很简单，加上圆括号就可以了--加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。

eval("("+s1+")");