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中已經修復.