DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JSON基礎 >> Chrome中JSON.parse的特殊實現
Chrome中JSON.parse的特殊實現
編輯:JSON基礎     
IE8/Firefox3.5+/Chrome4/Safari4/Opera10 已實現該方法。使用方式很簡單:
復制代碼 代碼如下:
var str = '{"name":"jack"}';
var json = JSON.parse(str);
alert(json.name);

在以上實現該方法的浏覽器中都會彈出“jack”。
如果給Object.prototype添加一個解析json的方法(某人可能會強烈反對這麼干污染了原生對象,這裡純粹為了討論)
復制代碼 代碼如下:
Object.prototype.parseJSON = function () {
return JSON.parse(this);
}

因為所有的對象都繼承了Object的方法,這時候可以直接這麼用了,
復制代碼 代碼如下:
var str = '{"name":"jack"}';
var json = str.parseJSON();
alert(json.name);

str.parseJSON()時,parseJSON內部的this就指向了str。這時候並非所有浏覽器都能解析成功。

IE8/Firefox/Safari/Opera仍然會彈出“jack”,Chrome中則報錯了:Uncaught illegal access。
為什麼這樣寫Chrome就不支持呢?比較兩種方式,傳給JSON.parse的參數一個是字符串str,一個是this。貌似這兩個沒區別?
當str.parseJSON()時,parseJSON內部的this指向了應該就是str。修改下parseJSON方法:
復制代碼 代碼如下:
Object.prototype.parseJSON = function () {
alert(typeof this);
return JSON.parse(this);
};

重新執行,可以發現parseJSON彈出的是object,可能這就是區別了。直接new一個字符串就能看到明顯的效果了
復制代碼 代碼如下:
var js = JSON.parse(new String('{"name":"jack"}'));
alert(js.name);

以上代碼除Chrome報錯外,其它浏覽器均執行正常。
基本得出結論:
Chrome中,JSON.parse的第一個參數只能是字符串,不能是對象(包括new String方式也不支持)
再回到上面給Object.prototype添加一個解析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中已經修復.
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved