1. 程式人生 > >js中eval()和$.parseJSON()的區別

js中eval()和$.parseJSON()的區別

16px 異常 comment 而不是 str on() ajax 鏈接 強制

之前自己一直對ajax不是特別的熟悉,所以一般都很少用這個去寫功能,但是最近這個項目中用到了,用ajax異步傳數據,json傳數據這個時候就需要去解析傳過來的數據了,eval()和$.parseJSON()都是可以解析數據的,但是他們也是有區別的;

1:安全性

例:

var str = ‘alert(1000.toString())‘;

eval(str);

JSON.parse(str);

用eval可以解析,並且會彈出對話框,而用JSON.parse()則解析不了。 其實alert並沒有什麽壞處,可怕的是如果用惡意用戶在json字符串中註入了向頁面插入木馬鏈接的腳本,用eval也是可以操作的,而用JSON.parse()則不必擔心這個問題。

註意:某些低級的瀏覽器尚不支持JSON.parse()

2:JSON.parse()解析的必須是json格式的字符串要不報錯,而eval()則沒有這麽嚴格

這裏“json格式的字符串”是指要求指定的字符串必須符合嚴格的JSON格式,例如:屬性名稱必須加雙引號、字符串值也必須用雙引號。

如果傳入一個格式不"完好"的JSON字符串將拋出一個JS異常

json的解析方法共有兩種:eval 和 JSON.parse(),如:

var jsonStr= ‘{"name":"lulu", "sex":"female"}‘;

var evalJson=eval(‘(‘+jsonStr+‘)‘);

var jsonParseJson=JSON.parse(jsonStr);

這樣就把json格式的字符串jsonStr轉換成了JSON對象。

但是區別是:

var age = 27;

var jsonStr= ‘{"name":"lulu", "sex":"female","age":++age}‘;

從上面eval()函數的用法我們可以看出eval()函數在解析json格式的字符串時要加上圓括號如eval(‘(‘+jsonStr+‘)‘),這是因為:

eval本身的問題。 由於json是以”{}”的方式來開始以及結束的,在JS中,它會被當成一個語句塊來處理,所以必須強制性的將它轉換成一種表達式。
加上圓括號的目的是迫使eval函數在處理JavaScript代碼的時候強制將括號內的表達式(expression)轉化為對象,而不是作為語句(statement)來執行。舉一個例子,例如對象字面量{},如若不加外層的括號,那麽eval會將大括號識別為JavaScript代碼塊的開始和結束標記,那麽{}將會被認為是執行了一句空語句。

var evalJson=eval(‘(‘+jsonStr+‘)‘); //不報錯此時age的值是28

var jsonParseJson=JSON.parse(jsonStr);//報錯

js中eval()和$.parseJSON()的區別