欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript eval和JSON之間的聯(lián)系

 更新時間:2009年12月31日 23:58:24   作者:  
本文著重解釋eval函數(shù)和JSON數(shù)據(jù)格式之間的聯(lián)系以及一些細(xì)節(jié)上的問題。
如果您想詳細(xì)了解eval和JSON請參考以下鏈接:

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

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

eval函數(shù)的工作原理

eval函數(shù)會評估一個給定的含有JavaScript代碼的字符串,并且試圖去執(zhí)行包含在字符串里的表達(dá)式或者一系列的合法的JavaScript語句。eval函數(shù)將把最后一個表達(dá)式或者語句所包含的值或引用作為返回值。

舉例說明

  • eval評估JavaScript表達(dá)式
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的格式是由大括號和由冒號(:)構(gòu)成的名值對所組成的。注意JSON格式與對象字面量 (object literals) 的區(qū)別:JSON的名字部分嚴(yán)格用引號+名字來表示。

舉例說明

  • 對象的字面量
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這種輕量級的數(shù)據(jù)格式作為客戶端與服務(wù)器之間的傳輸格式逐漸地流行起來,進(jìn)而出現(xiàn)的問題是如何將服務(wù)器端構(gòu)建好的JSON數(shù)據(jù)轉(zhuǎn)化為可用的JavaScript對象。利用eval函數(shù)無疑是一種簡單而直接的方法。在轉(zhuǎn)化的時候需要將JSON字符串的外面包裝一層圓括號:

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

為什么要加括號?

加上圓括號的目的是迫使eval函數(shù)在評估JavaScript代碼的時候強(qiáng)制將括號內(nèi)的表達(dá)式(expression)轉(zhuǎn)化為對象,而不是作為語句(statement)來執(zhí)行。舉一個例子,例如對象字面量{},如若不加外層的括號,那么eval會將大括號識別為JavaScript代碼塊的開始和結(jié)束標(biāo)記,那么{}將會被認(rèn)為是執(zhí)行了一句空語句。所以下面兩個執(zhí)行結(jié)果是不同的:

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

JSON格式的名字部分為什么要加引號?

因為eval函數(shù)會將{foo:”bar”}解釋成合法的JavaScript語句,而非表達(dá)式。但是人們往往想要的是讓eval將這段代碼解釋成一個對象。所以JSON格式會強(qiáng)制你去在名字的外側(cè)加上引號再結(jié)合圓括號,這樣eval就不會錯誤的將JSON解釋成代碼塊。

舉例說明

  • eval錯誤解析語義
alert(eval('{foo:"bar"}'));   // return "bar", incorrect
  • eval正確解析JSON
alert(eval('({"foo": "bar"})')); // return JSON object, correct

結(jié)論

理解eval的工作原理和json的嚴(yán)格的限定格式,合理結(jié)合eval和json應(yīng)用于JavaScript的數(shù)據(jù)傳遞和對象轉(zhuǎn)換。

following this format:

eval('{' + jsonString + ')');

相關(guān)文章

  • js定時器實現(xiàn)倒計時效果

    js定時器實現(xiàn)倒計時效果

    這篇文章主要為大家詳細(xì)介紹了js定時器實現(xiàn)倒計時效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-11-11
  • isArray()函數(shù)(JavaScript中對象類型判斷的幾種方法)

    isArray()函數(shù)(JavaScript中對象類型判斷的幾種方法)

    我們知道,JavaScript中檢測對象類型的運算符有:typeof、instanceof,還有對象的constructor屬性
    2009-11-11
  • 鼠標(biāo)事件延時切換插件

    鼠標(biāo)事件延時切換插件

    為了防止誤操作,很多時候需要對鼠標(biāo)滑過觸發(fā)的事件進(jìn)行延時處理。網(wǎng)易首頁的選項卡好幾年之前就添加了這個特性,當(dāng)時我記得是采用150毫秒作為觸發(fā)基準(zhǔn)
    2011-03-03
  • 使用JavaScript構(gòu)建JSON格式字符串實現(xiàn)步驟

    使用JavaScript構(gòu)建JSON格式字符串實現(xiàn)步驟

    這篇文章將幫助你使用javascript來創(chuàng)建json格式字符串如果你需要通過web項目來構(gòu)建json格式字符串的響應(yīng),感興趣的各位可以參考下哈,希望可以幫助到你
    2013-03-03
  • js實現(xiàn)截取某個字符串前面的內(nèi)容

    js實現(xiàn)截取某個字符串前面的內(nèi)容

    這篇文章主要介紹了js實現(xiàn)截取某個字符串前面的內(nèi)容,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • Javascript復(fù)制實例詳解

    Javascript復(fù)制實例詳解

    最近接了個項目,其中有項目需求是這樣的,需要復(fù)制內(nèi)容到剪切板,因為有眾多瀏覽器,所以兼容性很重要,下面通過本文給大家介紹Javascript復(fù)制實例詳解,對js復(fù)制相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
    2016-01-01
  • JS簡單驗證上傳文件類型的方法

    JS簡單驗證上傳文件類型的方法

    這篇文章主要介紹了JS簡單驗證上傳文件類型的方法,涉及javascript文件遍歷及字符串截取、匹配等相關(guān)操作技巧,需要的朋友可以參考下
    2017-04-04
  • 在?localStorage?中上傳和檢索存儲圖像的示例詳解

    在?localStorage?中上傳和檢索存儲圖像的示例詳解

    這篇文章主要介紹了在?localStorage?中上傳和檢索存儲圖像,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-06-06
  • 用javascript實現(xiàn)鼠標(biāo)框選

    用javascript實現(xiàn)鼠標(biāo)框選

    用javascript實現(xiàn)鼠標(biāo)框選...
    2007-05-05
  • 學(xué)習(xí)RxJS之JavaScript框架Cycle.js

    學(xué)習(xí)RxJS之JavaScript框架Cycle.js

    這篇文章主要介紹了學(xué)習(xí)RxJS之JavaScript框架Cycle.js ,它是一個極簡的JavaScript框架(核心部分加上注釋125行),提供了一種函數(shù)式,響應(yīng)式的人機(jī)交互接口,需要的朋友可以參考下
    2019-06-06

最新評論