eval 和 new Function
程序员文章站
2022-07-08 20:21:15
...
[size=large][size=large][size=x-large][size=large][size=medium]jquery ajax 将dataType指定为json后,若回调函数的返回值无法转换为json,会进入error。可以使用eval 和 new Function()方法将json类型字符串转换为json对象。
为什么要 eval这里要添加 “("("+data[size=large][/size]+")");//”呢?
原因在于:eval本身的问题。由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。
加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。
所以下面两个执行结果是不同的:
new Function()为什么可以转换对象?
可以转换为下面这种形式:
那么,(new Function("","return " + json))()就是下面这种含义:
由于json 是字符串,和return拼接后,"{'a':1,'b':2}"==> "return {'a':1,'b':2}"
自执行函数执行后,返回json对象[/size][/size][/size][/size][/size]
eval("("+json+")")
(new Function("","return "+json))()
为什么要 eval这里要添加 “("("+data[size=large][/size]+")");//”呢?
原因在于:eval本身的问题。由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。
加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。
所以下面两个执行结果是不同的:
alert(eval_r("{}"); // return undefined alert(eval_r("({})");// return object[Object]
new Function()为什么可以转换对象?
function sayHi(sName, sMessage) { alert("Hello " + sName + sMessage); }
可以转换为下面这种形式:
var sayHi = new Function("sName", "sMessage", "alert(\"Hello \" + sName + sMessage);");
那么,(new Function("","return " + json))()就是下面这种含义:
(function xx(){ return json; })()
由于json 是字符串,和return拼接后,"{'a':1,'b':2}"==> "return {'a':1,'b':2}"
自执行函数执行后,返回json对象[/size][/size][/size][/size][/size]
下一篇: require.js的初次使用心得