Chrome中JSON.parse的特殊实现

ECMA 262 Edition5 中提供了原生的JSON支持，其中JSON.parse用来将字符串转成成json，见ECMA 262 Edition5 15.12.2。另见：字符串转换成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中已经修复.