eval函數的工作原理

標籤：style   blog   http   ar   io   color   os   sp   for   

如果您想詳細瞭解eval和JSON請參考以下連結：

eval  ：https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Global_Functions/Eval

JSON：http://www.json.org/

eval函數的工作原理

eval函數會評估一個給定的含有JavaScript代碼的字串，並且試圖去執行包含在字串裡的運算式或者一系列的合法的JavaScript語句。eval函數將把最後一個運算式或者語句所包含的值或引用作為傳回值。

舉例說明

• eval評估JavaScript運算式

var bar = ‘bar‘; var foobar = eval(‘"foo" + bar‘); alert(foobar);

• eval評估JavaScript語句

var bar = ‘bar‘; // if variable bar equals ‘bar‘, foobar is the result of  // last executing statement: bar="foo-bar"; var foobar = eval(‘if(bar == "bar") {bar="foo-bar";} else {bar = "bar-foo";}‘); alert(foobar);// change the valuebar = ‘foo‘; // now our the last executed statement is: bar = "bar-foo"; // therefore the value of variable foobar has been changed // into ‘bar-foo‘ foobar = eval(‘if(bar == "bar") {bar="foo-bar";} else {bar = "bar-foo";}‘); alert(foobar);

JSON的格式

JSON的格式是由大括弧和由冒號（：）構成的名值對所組成的。注意JSON格式與對象字面量 (object literals) 的區別：JSON的名字部分嚴格用引號+名字來表示。

舉例說明

• 對象的字面量

var objectLiteral = {   name: "Objector.L",   age: "24",   special: "JavaScript",   sayName: function() {     return this.name;   } };

• JSON對象

var jsonFormat = {   "summary": "Blogs",   "blogrolls": [     {        "title": "Explore JavaScript",        "link": "http://example.com/"     },     {         "title": "Explore JavaScript",        "link": "http://example.com/"     }   ] };

eval和JSON

由於Ajax的興起，JSON這種輕量級的資料格式作為用戶端與伺服器之間的傳輸格式逐漸地流行起來，進而出現的問題是如何將伺服器端構建好的JSON資料轉化為可用的JavaScript對象。利用eval函數無疑是一種簡單而直接的方法。在轉化的時候需要將JSON字串的外麵包裝一層圓括弧：

var jsonObject = eval("(" + jsonFormat + ")");

為什麼要加括弧？

加上圓括弧的目的是迫使eval函數在評估JavaScript代碼的時候強制將括弧內的運算式（expression）轉化為對象，而不是作為語句（statement）來執行。舉一個例子，例如對象字面量{}，如若不加外層的括弧，那麼eval會將大括弧識別為JavaScript代碼塊的開始和結束標記，那麼{}將會被認為是執行了一句空語句。所以下面兩個執行結果是不同的：

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

JSON格式的名字部分為什麼要加引號？

因為eval函數會將{foo:”bar”}解釋成合法的JavaScript語句，而非運算式。但是人們往往想要的是讓eval將這段代碼解釋成一個對象。所以JSON格式會強制你去在名字的外側加上引號再結合圓括弧，這樣eval就不會錯誤的將JSON解釋成代碼塊。

舉例說明

• eval錯誤解析語義

alert(eval(‘{foo:"bar"}‘));   // return "bar", incorrect

• eval正確解析JSON

alert(eval(‘({"foo": "bar"})‘)); // return JSON object, correct

結論

理解eval的工作原理和json的嚴格的限定格式，合理結合eval和json應用於JavaScript的資料傳遞和對象轉換。

following this format:

eval(‘{‘ + jsonString + ‘)‘);

eval函數的工作原理