JavaScript的eval(“{JSON object string}”)問題

在做AJAX應用開發的時候，我們通常喜歡把伺服器端返回的JSON格式字串在用戶端的回呼函數中把它作為JavaScript代碼執行並用一個變數儲存起來，以方便使用返回的資料。通常的做法就是var jsonData = eval(xmlHttp.responseText)。這看起來似乎一切都是正確的，但當你運行代碼的時候，你會發現報“invalid labe”錯誤了。為什嗎？我也不清楚，但我找到瞭解決這個問題的方法。

在我剛遇到這個問題的時候也特別頭痛，因為看起來所有編碼是正確的，為了測試出現問題的位置，我逐漸縮小代碼範圍，最終得到如下簡短代碼：

var jsonStr1 = '{"Name":"Tom","Sex":"Man"}';
var jsonObj1 = eval(jsonStr1);
alert(jsonObj1.Name);

以上代碼執行正是報一開始說的invalid labe錯誤。難道eval函數對某些運算式或對象有限制？於是我又測試了數組對象，代碼如下，結果下面代碼運行很正常：

var arrStr = '["Tom","Man"]';
var arrObj = eval(arrStr);
alert(arrObj[0]);

難道是我機子上的JavaScript解析器就JSON解析方面出了問題，於是我又測試下面代碼，但結果一樣正常：

var jsonObj = {"Name":"Tom","Sex":"Man"};
alert(jsonObj.Name);

最終我還是沒有自行把問題解決，於是根據相關錯誤資訊上網搜尋答案，沒想到一下子就找到了問題的根源，解決辦法就是“在eval的時候，要先把 JSON字串值用 ‘()’括弧先括起來”。網上找的資料都沒有說明是什麼原因，當然我也還是沒有明白正真的原因的。括弧是起強制先執行或先運算作用的，返回的JSON就一個完整的對象，中間也沒有運算式，為什麼還要加括弧！像數組這種較複雜點的對象也能正常eval。沒辦法，就先記著這種用法吧。正確用法如下（注意看eval兩端的括弧）：

var jsonStr2 = '{"Name":"Tom","Sex":"Man"}';
var jsonObj2 = eval('(' + jsonStr2 + ')');
alert(jsonObj2.Name);