失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > JSON.parse与eval

JSON.parse与eval

时间:2022-02-06 14:25:20

相关推荐

JSON.parse与eval

JSON.parse与eval和能将一个字符串解析成一个JSON对象,但还是有挺大区别。

测试代码

var A = "{ a: 1 , b : 'hello' }";var B = "{ 'a': 1 , 'b' : 'hello' }";var C = "{'a':1,'b':'hello'}";var D = '{"a":1,"b":"hello"}';var E = '{ "a" : 1 , "b" : "hello" }';var F = '{ "a" : 1 ,\n "b" : "hello" }';var G = '{ "a" : 1 , "b" : window.location.href="" }';

JSON.parse执行:

例:JSON.parse(A);

A、B、C、G都不可转,D、E、F都可以。

eval执行:

例:eval("("+A+")");

A到G都可以转,特别到G时,页面还跳转到百度了。

JSON.parse

上面的演示例子可以看出,这方法只能解析属性名是双引号包裹的字符串对象,并会忽略换行和空格(值外面)。

但是,从MDN对JSON的描述,能解析的JSON字符串的条件完整如下:

这方法还可以捕捉JSON中的语法错误,并允许你传入一个函数,用来过滤或转换解析结果。

浏览器兼容:IE8+

eval

eval函数可将一个JavaScript代码字符串求值成特定的对象,所以解析成JSON对象只不过是作用之一。

为什么eval()解析JSON字符串要加上括号?

原因是两点:

1. json对象是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理。

2.加上圆括号为了处理字符串为表达式,而不是语句(statement)来执行。

例子:

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

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

不建议使用

虽然从演示例子看,eval的能力是强过于JSON.parse的,它可解析不规范的JSON字符串,但是G的例子也可以看出,eval是不安全的,特别是数据是第三方给予时候,你根本不知道eval之后它会干什么。

所以结论就是,乖乖用JSON.parse解析JSON对象。

$.parseJSON

jQuery也有提供解析JSON字符串的方法,$.parseJSON ,就目前jQuery版本来讲,分为两类。

2.x和3.x版本: $.parseJSON 都是直接使用 JSON.parse 的。

1.x版本:浏览器支持JSON.parse就用这个,不支持就进行校验,确认是JSON字符串,则用

( Function( "return " + str ) )()

返回对象,否则返回无效JSON对象error。

PS:之所以能用Function处理,前提是校验确认为JSON字符串,不然还是不安全的转换方法。

总结

eval是强烈不建议用来解析JSON字符串,但是凡事无绝对,如果数据来源于你信任的并且格式也不大规范,那用它也不是不可以。

参考文献

1./zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON

2./jquery-1.12.4.js

原文地址 :/lovesong/p/6036650.html

如果觉得《JSON.parse与eval》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。