浅谈JS中的 eval函数

2021-11-05 10:06:34 阅读：197 来源： 互联网

标签：jsonstr string alert eval var JS hello 浅谈

eval()是一个函数，有且只有一个参数string，为字符串类型

eval(string)

特点：若string为js代码时，会直接解析执行，若是普通字符串，则返回原字符串。

#2.实例

2.1参数string为js代码：

eval("var a =1;var b=4; alert(a+b)");

执行结果是：alert出一个5
1
2
3

执行过程：eval将字符作为js进行解析，先进行运算，再alert

eval("alert('hello')");

执行结果：alert出hello
1
2
3
2.2参数string为普通字符串：

eval("hello");

执行后的结果是：返回字符串hello
1
2
3
#3.有关eval解析json数据

错误实例：

var jsonstr = "{name:'test',age:18}";

var jsonobj = eval(jsonstr);//拼接过程
1
2
3
错误提示:

SyntaxError: invalid label
1
为什么会这样？

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

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：

alert(eval("{}"); // return undefined
alert(eval("({})");// return object[Object]
1
2
如何解决?

var josnobj = eval("("+jsonstr+")");

或者这样

eval("var jsonobj = " + jsonstr);
————————————————
版权声明：本文为CSDN博主「Java仗剑走天涯」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/baidu_37107022/article/details/73164318

标签：jsonstr,string,alert,eval,var,JS,hello,浅谈
来源： https://blog.csdn.net/firstcode666/article/details/121157040

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

浅谈JS中的 eval函数