Chrome中JSON.parse的特殊實(shí)現(xiàn)
更新時(shí)間：2011年01月12日 17:26:42 作者：
ECMA 262 Edition5 中提供了原生的JSON支持，其中JSON.parse用來將字符串轉(zhuǎn)成成json，見ECMA 262 Edition5 15.12.2。另見：字符串轉(zhuǎn)換成json的三種方式
IE8/Firefox3.5+/Chrome4/Safari4/Opera10 已實(shí)現(xiàn)該方法。使用方式很簡(jiǎn)單：
var str = '{"name":"jack"}';
var json = JSON.parse(str);
alert(json.name);
在以上實(shí)現(xiàn)該方法的瀏覽器中都會(huì)彈出“jack”。
如果給Object.prototype添加一個(gè)解析json的方法（某人可能會(huì)強(qiáng)烈反對(duì)這么干污染了原生對(duì)象，這里純粹為了討論）
Object.prototype.parseJSON = function () {
return JSON.parse(this);
}
因?yàn)樗械膶?duì)象都繼承了Object的方法,這時(shí)候可以直接這么用了，
var str = '{"name":"jack"}';
var json = str.parseJSON();
alert(json.name);
str.parseJSON()時(shí)，parseJSON內(nèi)部的this就指向了str。這時(shí)候并非所有瀏覽器都能解析成功。
IE8/Firefox/Safari/Opera仍然會(huì)彈出“jack”，Chrome中則報(bào)錯(cuò)了：Uncaught illegal access。
為什么這樣寫Chrome就不支持呢？比較兩種方式，傳給JSON.parse的參數(shù)一個(gè)是字符串str，一個(gè)是this。貌似這兩個(gè)沒區(qū)別？
當(dāng)str.parseJSON()時(shí)，parseJSON內(nèi)部的this指向了應(yīng)該就是str。修改下parseJSON方法：
Object.prototype.parseJSON = function () {
alert(typeof this);
return JSON.parse(this);
};
重新執(zhí)行，可以發(fā)現(xiàn)parseJSON彈出的是object，可能這就是區(qū)別了。直接new一個(gè)字符串就能看到明顯的效果了
var js = JSON.parse(new String('{"name":"jack"}'));
alert(js.name);
以上代碼除Chrome報(bào)錯(cuò)外，其它瀏覽器均執(zhí)行正常。
基本得出結(jié)論：
Chrome中，JSON.parse的第一個(gè)參數(shù)只能是字符串，不能是對(duì)象（包括new String方式也不支持）
再回到上面給Object.prototype添加一個(gè)解析json的方法，如果要兼容所有瀏覽器，可以這么寫：
Object.prototype.parseJSON = function () {
return JSON.parse(this.toString());
}
var str = '{"name":"jack"}';
var json = str.parseJSON();
alert(json.name);
2010-10-09 : 該BUG在Chrome6中已經(jīng)修復(fù).
復(fù)制代碼 代碼如下:
var str = '{"name":"jack"}';
var json = JSON.parse(str);
alert(json.name);
在以上實(shí)現(xiàn)該方法的瀏覽器中都會(huì)彈出“jack”。
如果給Object.prototype添加一個(gè)解析json的方法（某人可能會(huì)強(qiáng)烈反對(duì)這么干污染了原生對(duì)象，這里純粹為了討論）
復(fù)制代碼 代碼如下:
Object.prototype.parseJSON = function () {
return JSON.parse(this);
}
因?yàn)樗械膶?duì)象都繼承了Object的方法,這時(shí)候可以直接這么用了，
復(fù)制代碼 代碼如下:
var str = '{"name":"jack"}';
var json = str.parseJSON();
alert(json.name);
str.parseJSON()時(shí)，parseJSON內(nèi)部的this就指向了str。這時(shí)候并非所有瀏覽器都能解析成功。
IE8/Firefox/Safari/Opera仍然會(huì)彈出“jack”，Chrome中則報(bào)錯(cuò)了：Uncaught illegal access。
為什么這樣寫Chrome就不支持呢？比較兩種方式，傳給JSON.parse的參數(shù)一個(gè)是字符串str，一個(gè)是this。貌似這兩個(gè)沒區(qū)別？
當(dāng)str.parseJSON()時(shí)，parseJSON內(nèi)部的this指向了應(yīng)該就是str。修改下parseJSON方法：
復(fù)制代碼 代碼如下:
Object.prototype.parseJSON = function () {
alert(typeof this);
return JSON.parse(this);
};
重新執(zhí)行，可以發(fā)現(xiàn)parseJSON彈出的是object，可能這就是區(qū)別了。直接new一個(gè)字符串就能看到明顯的效果了
復(fù)制代碼 代碼如下:
var js = JSON.parse(new String('{"name":"jack"}'));
alert(js.name);
以上代碼除Chrome報(bào)錯(cuò)外，其它瀏覽器均執(zhí)行正常。
基本得出結(jié)論：
Chrome中，JSON.parse的第一個(gè)參數(shù)只能是字符串，不能是對(duì)象（包括new String方式也不支持）
再回到上面給Object.prototype添加一個(gè)解析json的方法，如果要兼容所有瀏覽器，可以這么寫：
復(fù)制代碼 代碼如下:
Object.prototype.parseJSON = function () {
return JSON.parse(this.toString());
}
var str = '{"name":"jack"}';
var json = str.parseJSON();
alert(json.name);
2010-10-09 : 該BUG在Chrome6中已經(jīng)修復(fù).
您可能感興趣的文章:
- 深入淺析JSON.parse()、JSON.stringify()和eval()的作用詳解
- 淺談JSON.parse()和JSON.stringify()
- JSON.parse()和JSON.stringify()使用介紹
- 轉(zhuǎn)義字符（\）對(duì)JavaScript中JSON.parse的影響概述
- JavaScript eval() 函數(shù)介紹及應(yīng)用示例
- js使用eval解析json實(shí)例與注意事項(xiàng)分享
- js使用eval解析json(js中使用json)
- javascript eval(func())使用示例
- php中json_decode()和json_encode()的使用方法
- Json對(duì)象與Json字符串互轉(zhuǎn)(4種轉(zhuǎn)換方式)
- javascript中JSON.parse()與eval()解析json的區(qū)別
相關(guān)文章
用nodejs寫的一個(gè)簡(jiǎn)單項(xiàng)目打包工具
項(xiàng)目是模塊加載的，類似require.js的用法，所以簡(jiǎn)單寫了一個(gè)js打包工具2013-05-05
json的定義、標(biāo)準(zhǔn)格式及json字符串檢驗(yàn)
今天分享和總結(jié)一些json的基本定義、格式、字符串的格式，以及在做測(cè)試的時(shí)候使用json時(shí)做一些簡(jiǎn)單的校驗(yàn)2014-05-05
不要認(rèn)為JSON是種新的應(yīng)用 ，其實(shí)JSON就是javascript支持的一種對(duì)象直接量。2008-09-09
JSONP（JSON with Padding）是資料格式 JSON 的一種“使用模式”，可以讓網(wǎng)頁從別的網(wǎng)域要資料。另一個(gè)解決這個(gè)問題的新方法是跨來源資源共享2012-08-08
詳解Java中String JSONObject JSONArray List<實(shí)體類>轉(zhuǎn)換
這篇文章主要介紹了詳解String JSONObject JSONArray List<實(shí)體類>轉(zhuǎn)換，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
這篇文章主要介紹了json2.js 入門教程之使用方法與實(shí)例分析,需要的朋友可以參考下2017-09-09
實(shí)現(xiàn)單層json按照key字母順序排序的示例
下面小編就為大家分享一篇實(shí)現(xiàn)單層json按照key字母順序排序的示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12
由于結(jié)果是以json形式返回的，不容易一眼辨認(rèn)，所以為了方便，對(duì)結(jié)果進(jìn)行了簡(jiǎn)單的處理，接下來介紹下處理方法，感興趣的各位可以參考下哈
2013-03-03 
昨天放出了主要的nodejs打包代碼(《nodejs寫的簡(jiǎn)單項(xiàng)目打包工具》)，今天放出整合到鼠標(biāo)右鍵的代碼，打包需要配置環(huán)境變量，添加NODE_PATH為node安裝路徑
2013-05-05