Chrome中JSON.parse的特殊实现
更新时间:2011年01月12日 17:26:42 作者:
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中已经修复.
复制代码 代码如下:
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中已经修复.
您可能感兴趣的文章:
- 深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解
- 浅谈JSON.parse()和JSON.stringify()
- JSON.parse()和JSON.stringify()使用介绍
- 转义字符(\)对JavaScript中JSON.parse的影响概述
- JavaScript eval() 函数介绍及应用示例
- js使用eval解析json实例与注意事项分享
- js使用eval解析json(js中使用json)
- javascript eval(func())使用示例
- php中json_decode()和json_encode()的使用方法
- Json对象与Json字符串互转(4种转换方式)
- javascript中JSON.parse()与eval()解析json的区别
相关文章
详解Java中String JSONObject JSONArray List<实体类>转换
这篇文章主要介绍了详解String JSONObject JSONArray List<实体类>转换,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-11-11使用Json比用string返回数据更友好,也更面向对象一些
在面向对象的程序来讲,它的可能性,编写代码不易出错率也很重要,所以,建议在返回复杂字条符时,使用C#提供的Json,而不需要自己去拼写JS返回的Json格式。2011-09-09
最新评论