手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Chrome中JSON.parse的特殊实现
Chrome中JSON.parse的特殊实现
摘要:IE8/Firefox3.5+/Chrome4/Safari4/Opera10已实现该方法。使用方式很简单:复制代码代码如下:varstr=...

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中已经修复.

【Chrome中JSON.parse的特殊实现】相关文章:

nodejs怎么简单实现中英文翻译

Nodejs中session的简单使用及通过session实现身份验证的方法

JavaScript中的this机制

制作特殊字的脚本

Backbone.js的一些使用技巧

使用node+vue.js实现SPA应用

JavaScript中String.prototype用法

jquery中map函数遍历数组用法实例

CSS+JS构建的图片查看器

AngularJs中route的使用方法和配置

精品推荐
分类导航