快捷導(dǎo)航

Chrome中JSON.parse的特殊實(shí)現(xiàn)

更新時間：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)該方法。使用方式很簡單：

 
var str = '{"name":"jack"}'; 
var json = JSON.parse(str); 
alert(json.name); 

在以上實(shí)現(xiàn)該方法的瀏覽器中都會彈出“jack”。
如果給Object.prototype添加一個解析json的方法（某人可能會強(qiáng)烈反對這么干污染了原生對象，這里純粹為了討論）

復(fù)制代碼代碼如下:

 
Object.prototype.parseJSON = function () { 
return JSON.parse(this); 
} 

因?yàn)樗械膶ο蠖祭^承了Object的方法,這時候可以直接這么用了，

復(fù)制代碼代碼如下:

 
var str = '{"name":"jack"}'; 
var json = str.parseJSON(); 
alert(json.name); 

str.parseJSON()時，parseJSON內(nèi)部的this就指向了str。這時候并非所有瀏覽器都能解析成功。

IE8/Firefox/Safari/Opera仍然會彈出“jack”，Chrome中則報錯了：Uncaught illegal access。
為什么這樣寫Chrome就不支持呢？比較兩種方式，傳給JSON.parse的參數(shù)一個是字符串str，一個是this。貌似這兩個沒區(qū)別？
當(dāng)str.parseJSON()時，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一個字符串就能看到明顯的效果了

復(fù)制代碼代碼如下:

 
var js = JSON.parse(new String('{"name":"jack"}')); 
alert(js.name); 

以上代碼除Chrome報錯外，其它瀏覽器均執(zhí)行正常。
基本得出結(jié)論：
Chrome中，JSON.parse的第一個參數(shù)只能是字符串，不能是對象（包括new String方式也不支持）
再回到上面給Object.prototype添加一個解析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ù).

您可能感興趣的文章: