JSON.parse 与 eval() 对于解析json的问题

1.eval()与JSOn.parse的不同

eval()

    var c = 1; //全局变量

    var jsonstr1 = '{"name":"a","company":"b","value":++c}';
  
    var json1 = eval('(' + jsonstr1 + ')');
   
    console.log(json1.value);
  

c是全局变量为1,但是经过eval的解析,全局变量变成了2!(这样的写法是危险的)

 

JSON.parse

    var c = 1; //全局变量

    var jsonstr1 = '{"name":"a","company":"b","value":++c}';

    var json2 = JSON.parse(jsonstr1);

    console.log(json2.value);
  

IE下报错:

谷歌下报错:

而JSON.parse则会报错。

 

2.在++c中加上双引号则就可以,因为它变成字符串了。

 

 var c = 1; //全局变量

    var jsonstr1 = '{"name":"a","company":"b","value":“++c”}';

    var json2 = JSON.parse(jsonstr1);

    console.log(json2.value);

 

结果:

 

3.我想很多人在纠结双引号的问题,这里我们就来集中测试下。

   a:JSON.parse

var c = 1; //全局变量
    var date = new Date();
    console.log(date.toLocaleDateString());
    //var jsonstr1 = '{"name":"a","company":"b","value":"++c"}';//键,值都有双引号
    var jsonstr2 = '{"name":"a","company":"b","value":++c}';//仅++c上午双引号
    //var jsonstr3 = '{name:"a",company:"b",value:"++c"}';//仅有值上有双引号
    //var jsonstr4 = '{name:a,company:b,value:++c}';//全无双引号

    //var json1 = JSON.parse(jsonstr1);
    var json2 = JSON.parse(jsonstr2);
    //var json3 = JSON.parse(jsonstr3);
    //var json4 = JSON.parse(jsonstr4);

    //console.log(json1 );
    console.log(json2 );
    //console.log(json3);
    //console.log(json4);

结果依次为:

可见JSON.parse中只有第一种标准形式才会解析正确

 

b:eval()

var c = 1; //全局变量
    var date = new Date();
    console.log(date.toLocaleDateString());

    var jsonstr1 = '{"name":"a","company":"b","value":"++c"}';//键,值都有双引号
    //var jsonstr2 = '{"name":"a","company":"b","value":++c}';//仅++c上午双引号
    //var jsonstr3 = '{name:"a",company:"b",value:"++c"}';//仅有值上有双引号
    //var jsonstr4 = '{name:a,company:b,value:++c}';//全无双引号

    var json1 = eval('('+jsonstr1+')');
    //var json2 = eval('('+jsonstr2+')');
    //var json3 = eval('('+jsonstr3+')');
    //var json4 = eval('('+jsonstr4+')');
    
    console.log(json1+"    "+json1.value );
    //console.log(json2+"    "+json2.value );
    //console.log(json3 + "    " + json3.value);
    //console.log(json4+"    "+json3.value);

 

结果依次为:

而eval中除了最后一种,其他都解析正确。

 

4.这时候还有一个问题:那就是为什么eval()解析的时候要加上括号?

我们先看看不加括号会怎么样:

var c = 1; //全局变量
    var date = new Date();
    console.log(date.toLocaleDateString());

    var jsonstr1 = '{"name":"a","company":"b","value":"++c"}';//键,值都有双引号

    var json1 = eval(jsonstr1);
    
    console.log(json1+"    "+json1.value );

结果:

这里不加就出错了。

那是因为eval()相当于一个执行环境,当你不加括号的时候,jsonstr1会被认为是一条复合语句。运行的时候就会逐个字符的解析。

但是加上括号的时候,jsonstr1就当做一个表达式去运算。从括号开始就被当做了对象进行识别。

 


5.然后你又会想到,那这个括号为什么要加“()”,不能加“{}”么?

答案是:当然能加“{}”,只不过就会报错而已~。— —!

这时候你要明吧json的格式是什么!

{"name":"a","company":"b"} 这就是标准形式。

 

 

posted on 2015-08-01 12:57 qize 阅读(...) 评论(...) 编辑 收藏

导航

公告