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的区别
相关文章
这篇文章主要介绍了解决json日期格式问题的3种方法 ,需要的朋友可以参考下2014-02-02
使用ajax的开发项目过程中，经常需要将json格式的字符串返回到前端，前端解析成js对象（JSON ）。2011-01-01
这篇文章主要介绍了JSON与数据存储基础知识,本篇文章较为基础，但非常详细，可以很好的理解JSON和数据存储，,需要的朋友可以参考下2023-01-01
今天小编就为大家分享一篇json数据传到前台并解析展示成列表的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
我们知道AJAX技术能够使得每一次请求更加迅捷，对于每一次请求返回的不是整个页面，也仅仅是所需要返回的数据。2008-06-06
JSONP（JSON with Padding）是资料格式 JSON 的一种“使用模式”，可以让网页从别的网域要资料。另一个解决这个问题的新方法是跨来源资源共享2012-08-08
本文主要向大家介绍了个人对于jsonp的理解，jsonp的概念，跨域问题，以及jsonp与XMLHttpRequest的区别，由于本人也是javascript的初学者，难免会有些不当之处，还请指正，谢谢。2015-03-03
JSON 学习之JSON in JavaScript详细使用说明
只需要在前台页面中引入相应的javascript即可测试2010-02-02
在开发的项目中，遇到这样一个例子：当用户选择某一个用户名时，弹出当前用户的评分卷，该评分卷列出了所有一级评分项，让用户进行评分操作。2010-12-12
什么是json和jsonp,jQuery json实例详详细说明
JSON能够以非常简单的方式来描述数据结构，XML能做的它都能做，因此在跨平台方面两者完全不分伯仲.其实网上关于JSONP的讲解有很多，但却千篇一律,用自己的方式来阐释一下这个问题，看看是否有帮助2012-12-12
最新评论