Chrome中JSON.parse的特殊實現_json
來源:懂視網
責編:小采
時間:2020-11-27 20:56:47
Chrome中JSON.parse的特殊實現_json
Chrome中JSON.parse的特殊實現_json:IE8/Firefox3.5+/Chrome4/Safari4/Opera10 已實現該方法。使用方式很簡單: 代碼如下: var str = '{name:jack}'; var json = JSON.parse(str); alert(json.name); 在以上實現該方法的瀏覽器中都會彈出jack。 如果給Obj
導讀Chrome中JSON.parse的特殊實現_json:IE8/Firefox3.5+/Chrome4/Safari4/Opera10 已實現該方法。使用方式很簡單: 代碼如下: var str = '{name:jack}'; var json = JSON.parse(str); alert(json.name); 在以上實現該方法的瀏覽器中都會彈出jack。 如果給Obj

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中已經修復.
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Chrome中JSON.parse的特殊實現_json
Chrome中JSON.parse的特殊實現_json:IE8/Firefox3.5+/Chrome4/Safari4/Opera10 已實現該方法。使用方式很簡單: 代碼如下: var str = '{name:jack}'; var json = JSON.parse(str); alert(json.name); 在以上實現該方法的瀏覽器中都會彈出jack。 如果給Obj