zoukankan      html  css  js  c++  java
  • 浅谈 JSON 那些被转义的字符们

    其实,之前我一直以为 JSON 会把 ASCII 可显示字符以外的统统转义为 Unicode,
    直到有一次我用 JSON.stringify 才发现,其实是 PHP 为我们想的太周到了。

    我以前是一位 phper,所以处理 json 只要 json_encode 就可以把数组转为 json 数据了,非常方便。

    可以看到,默认就是把所有 ASCII 可显示字符以外的统统转义为 Unicode。

    这样做有什么好处呢?
    大家在调用 jsonp 接口或者调用js文件的时候,由于文件编码不同导致的乱码问题,应该不会陌生吧。
    如果你的文件出现了非英文字符,如果调用时文件编码不一致,则会出现乱码情况。
    很多新手朋友应该都纠结过这种问题吧。

    但是如果把那些字符转义为 Unicode 之后,无论文件编码是否一致,都不会出现乱码。
    这就是为什么 PHP 会默认编码为 Unicode 的原因,她为我们想的太周到了。

    当然如果你非要直接显示那些字符,也是OK的,第二个参数加上 JSON_UNESCAPED_UNICODE 即可。
    但是这个参数 PHP 5.4.0 才开始支持。

    那么 JSON.stringify 会转义哪些呢?
    json2.js 第 351 行可以看到这个正则。

    escapable = /[\"x00-x1fx7f-x9fu00adu0600-u0604u070fu17b4u17b5u200c-u200fu2028-u202fu2060-u206fufeffufff0-uffff]/g;

    也就是说 JSON 只会转义这部分字符为 unicode,我们来简单测试下吧。

    console.log( JSON.stringify("x00 x0a") );

    点运行后,可以看到 x00 被转义为 u0000x0a 却被专为了
    这些特殊字符的转换在刚才那个正则下面就可以看到了。

    但是你测试字符 ufeff 的时候会发现 firefox 和 chrome 根本没转义。
    确实,,好像只有 json2 为我们转义了。

    为什么原生 JSON.stringify 这么多字符都没转义,难道他就没为我们考虑兼容问题么?
    其实我觉得,这个问题可以不要考虑,因为你不会直用静态的页面为其他站点提供接口之类的。
    往往只是自己内部用而已,就算提交给后台,一个项目下编码也是一样的,所以内部不需要考虑那些兼容问题。
    就好比在自己老家,难道你要普通话或英文跟他们交流么?
    直接用方言交流才更加流畅。

    当然这个只是我个人观点,也不知道写js引擎的大神是怎么想的。

    我们来遍历下原生 JSON 对 u000-uffff 这些字符的转义情况吧。

    for (var i = 0, str = '', arr = []; i < 0xffff; i++) {
        str = JSON.stringify(String.fromCharCode(i));
        str.indexOf("\") > -1 && arr.push(str);
    }
    console.log(arr.join(", "));

    我的 chrome 34 得到的结果是

    ["u0000", "u0001", "u0002", "u0003", "u0004", "u0005", "u0006", "u0007", "", "	", "
    ", "u000b", "f", "
    ", "u000e", "u000f", "u0010", "u0011", "u0012", "u0013", "u0014", "u0015", "u0016", "u0017", "u0018", "u0019", "u001a", "u001b", "u001c", "u001d", "u001e", "u001f", """, "\"];

    好了,今天的分享就这些了。

  • 相关阅读:
    hql 链接查询
    Spring事务配置的五种方式
    web学习:Spring2.5+Hibernate3.3+Struts1.3整合小例子
    Strut2 spring hibernate 整合
    Spring+Struts集成(方案一)
    Remember that ordinal parameters are 1-based!
    ssh传输出现encountered 1 errors during the transfer解决办法
    编程时 对 用途这个字段定义时 不要用using 这个英文
    You can't specify target table 'charge' for update in FROM clause
    Navicat数据存放位置和备份数据库路径设置
  • 原文地址:https://www.cnblogs.com/52cik/p/js-json-stringify-escape.html
Copyright © 2011-2022 走看看