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-05json的定義、標(biāo)準(zhǔn)格式及json字符串檢驗(yàn)
今天分享和總結(jié)一些json的基本定義、格式、字符串的格式,以及在做測(cè)試的時(shí)候使用json時(shí)做一些簡(jiǎn)單的校驗(yàn)2014-05-05詳解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實(shí)現(xiàn)單層json按照key字母順序排序的示例
下面小編就為大家分享一篇實(shí)現(xiàn)單層json按照key字母順序排序的示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12