从前

有个前端公陈尸正在开发微信小程序，
服务器端和前端约定好一个接口应该返回这样一个json：
'{"res":{"data":{"userInfo":{"card":{"name":"zhangyin"}}}}}';

于是，前端在收到服务器端返回的json后这样写到：

var name = res.data.userInfo.card.name;
var title = "hello " + name;

通常，上面这样写是ok的。

不过，后来服务器端同学重构代码时，发现某个用户并没有card数据，于是在返回的数据就变成了以下这样：

{"res":{"data":""}}

于是，前端代码在执行到这句时就发生error了：

var name = res.data.userInfo.card.name;

并且后面的代码也不会继续执行了，如果后续代码有一些很重要的逻辑也会被错过了。
而且前端用户也无法看到相应的错误处理提示；

我们可以使用try ... catch来捕获错误，然后进行处理；
也可以对json中的逐个层级来进行if判断。
总之代码写起来都会比较啰嗦，
有时，写代码到hight处时，会忘记写这些判断；
所以，我想要不就写个函数来专门检查这种字段缺失导致的错误吧。

结果发现，当发生这种 在多个json层级中丢失字段的情况 时，
程序在检查函数被调用起来前就出错了，
无法将res.data.userInfo.card.name作为一个参数传到函数里；

于是乎，
我就花了2秒钟胡乱写了一个方法，试图找到一个简便的处理方式。
这个方法纯属狗皮膏药式的，难免错漏，
贴出来仅供大家一乐，不要被我误导~~

/**
 * 返回一个json层级下的节点内容
 * root ： 要被读取的json节点的root节点
 * jsonStr ： 要被读取的节点的字符串形式
 * defaultValue : 如果要被读取的节点不存在或为空，则返回该值
 * 
 *  // demo
 *  var jsonStr = '{"res":{"data":null}}';
 *  var jsonRoot = JSON.parse(jsonStr);
 *  var str = utils.jsonObj(jsonRoot,"res.data.userInfo.card.name",undefined);
 */
function jsonObj(root, jsonStr,defaultValue) {
  if (!root) {
    return defaultValue;
  } else {
    try {
      var nodeNameArray = jsonStr.split('.');
      var tmpRoot = root;
      var i = 0;
      for (var i = 0; i < nodeNameArray.length; i++) {
        var tmpNodeName = nodeNameArray[i];
        var tmpNode = tmpRoot[tmpNodeName];
        if (tmpNode) {
          console.log("." + tmpNodeName);
          tmpRoot = tmpNode;
        } else {
          //发生异常了
          console.log("解析失败," + jsonStr + " 的值为：" + defaultValue);
          return defaultValue;
        }
      }
      //解析完成,tmpRoot即为所求
      console.log(jsonStr + " 的值为："+tmpNode);
      return tmpNode;
    } catch (e) {
      console.log("try catch." + e);
      return defaultValue;
    }
  }
}

看到这里，有人肯定会问：

这不是脱裤子放屁吗？

前端该如何解析json，难道不是事先就和server端同学商定好了的吗？

服务端如果不按照事先的约定返回，那是服务端同学的问题啊？

让服务端同学去改一下不就OK了？

的确，道理我都懂，就是过不好这一生。

当有前端+后端配合开发的项目时，很多错误都是通过前端系统被暴露出来的，
特别是线上的项目，
有时候错误是很灵异的，需要很多精力去排查，最后才能发现问题所在。

我认为加一层处理的好处是：应该可以提高排错的速度。
另外，对于线上的系统，
多一层防护，
无论对用户体验还是对系统本身，都会更好一些吧～

全剧终...