eval();  //此方法不推薦

JSON.parse();  //推薦方法

一、兩種方法的區(qū)別

我們先初始化一個(gè)json格式的對象：

　　var jsonDate = '{ "name":"周星馳","age":23 }'

　　var jsonObj = eval( '(' + jsonDate + ')' ); // eval();方法

　　var jsonObj = JSON.parse( jsonDate ); // JSON.parse(); 方法

然后在控制臺(tái)調(diào)用：

　　console.log( jsonObj.name );  // 兩種方法都可以正確輸入 周星馳

那么問題來了 兩種方法有什么區(qū)別呢？（下面我們稍微把代碼改動(dòng)一下，藍(lán)色字體為修改部分）

　　var jsonDate = '{ "name":alert("hello"),"age":23 }'

　　var jsonObj = eval( '(' + jsonDate + ')' ); // eval();方法

　　console.log( jsonObj.age ); //會(huì)先執(zhí)行“alert”輸出“hello” 然后才輸出 23

換“JSON.parse();”方法：

　　var jsonDate = '{ "name":alert("hello"),"age":23 }'

　　var jsonObj = JSON.parse( jsonDate ); // JSON.parse(); 方法

　　cosole.log( jsonobj.age ) // 報(bào)錯(cuò) 這個(gè)錯(cuò)誤告訴我們這個(gè)字符串是不合法的

小結(jié)：“eval();”方法解析的時(shí)候不會(huì)去判斷字符串是否合法，而且json對象中的js方法也會(huì)被執(zhí)行，這是非常危險(xiǎn)的；而“JSON.parse();”方法的優(yōu)點(diǎn)就不用多說了，推薦此方法。（不明白的盆友可以自己在控制臺(tái)測試一下）

二、擴(kuò)展問題

大家可以看到在上面測試時(shí)一直用紅色把包在花括號(hào)外面的引號(hào)標(biāo)注了起來，這對引號(hào)是很關(guān)鍵卻又是常常被忽略的，因?yàn)?“eval();” 和 “JSON.parser();” 這兩個(gè)方法的參數(shù)只接受字符串，也就是說只能解析字符串!!

那我不經(jīng)會(huì)有一個(gè)思考，我們在初始化的時(shí)候若不加引號(hào)對，那么它本身就是對象，js可以直接獲取對象本身的屬性和方法；為什么還要加引號(hào)將它變成字符串之后再用 “eval();” 或者 “JSON.parse();” 解析，這樣做不是既不環(huán)保又沒有效率嗎？

原因很簡單：前端提供給后臺(tái)的只能是字符串?dāng)?shù)據(jù)格式，后臺(tái)返回給前臺(tái)的就看返回的是什么數(shù)據(jù)格式，是字符串就必須解析之后再用。

（這個(gè)小問題一般大家都會(huì)忽略掉，不太關(guān)注。我之所以好奇的原因也是因?yàn)閷笈_(tái)了解的不夠，把這個(gè)問題拋出來希望對后臺(tái)不熟的朋友有所幫助，知道是怎么回事后自然而然會(huì)加深記憶，在開發(fā)過程中就不會(huì)漏掉了）

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

最新評論