用Js的eval解析JSON中的注意點

用Js的eval解析JSON中的注意點

博客分類：

 
• javascript

一般解析后台傳到前台的json字符串成為js對象有兩種方式： 
1.使用eval()函數

Js代碼  

1. var data="   
2. {   
3. root:   
4. [   
5. {name:'1',value:'0'},   
6. {name:'6101',value:'北京市'},   
7. {name:'6102',value:'天津市'},   
8. {name:'6103',value:'上海市'},   
9. {name:'6104',value:'重慶市'},   
10. {name:'6105',value:'渭南市'},   
11. {name:'6106',value:'延安市'},   
12. {name:'6107',value:'漢中市'},   
13. {name:'6108',value:'榆林市'},   
14. {name:'6109',value:'安康市'},   
15. {name:'6110',value:'商洛市'}   
16. ]  
17. }";   
18. var dataObj=eval("("+data+")");//轉換為json對象  

為什么要 eval這里要添加 “("("+data+")");//”呢？ 
原因在於：eval本身的問題。 由於json是以”{}”的方式來開始以及結束的，在JS中，它會被當成一個語句塊來處理，所以必須強制性的將它轉換成一種表達式。 
    加上圓括號的目的是迫使eval函數在處理JavaScript代碼的時候強制將括號內的表達式（expression）轉化為對象，而不是作為語 句（statement）來執行。舉一個例子，例如對象字面量{}，如若不加外層的括號，那么eval會將大括號識別為JavaScript代碼塊的開始 和結束標記，那么{}將會被認為是執行了一句空語句。所以下面兩個執行結果是不同的： 

Js代碼  

1.    
2. alert(eval("{}"); // return undefined  
3. alert(eval("({})");// return object[Object]  

對於這種寫法，在JS中，可以到處看到。 
如: (function()) {}();  做閉包操作時等。 

2. 使用Function對象來進行返回解析。 
    第二種解析方式就是使用Function對象來完成，它的典型應用就是在JQUERY中的AJAX方法下的success等對於返回數據data的解析： 

Js代碼  

1. var json='{"name":"CJ","age":18}';  
2.    
3. data =(new Function("","return "+json))();