javascript json eval 理解

來源:互聯網
上載者:User

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 value
bar = '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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.