记录一下因localStorage保存语言字段引发的故障

之前晚上上线发现一个问题，部分用户无法打开网站，我们这边的机器又都可以。查了半天是因为 localStorage 引起的，以前的开发人员写代码时也不够严谨，真是头疼。

问题现象

当时我们都可以正常打开页面，业务部门却说无法打开，让其打开控制台后，发现有报错。

分析原因

由于我们无法复现客户的现象，所以联系业务部门上 zoom 投屏给我们看，后来定位到是获取语言时报的错。

语言是存储在 localStorage 里的，然后让用户操作查看了用户的 localStorage，如下：

用户的电脑上存的是 EN-US
然后我们查看我们自己的电脑，可以看到 lang 字段是按照 json 格式存储的

推测用户是在别的网站登录过，别的网站用来控制语言的字段正好和我们网站是同一个，取名都为 lang ，所以在获取时获取不到。而事实也是如此，会员网站与我们营销网站用的都是 lang 字段。
最坑爹的是，以前的开发人员没有进行判空，如果获取不到，整个js就直接报错了，导致页面无法正常展示。

所以我们加了个判空的情况，获取不到时就默认给一个英文。

默认给英文之后，又发现用户只是一部分页面可以打开，有些还是无法打开。

继续分析后，发现程序中引用的 localStorage.js 有点问题，在存储 localStorage 时，会先将其删除，而删除是删除json格式的，用户存储的是 EN-US，非 json 格式，删除失败，直接报错了。代码中虽然用了 try catch， 但是并没有作特殊处理，所以还是没有设置语言成功。

查了半天终于查到原因了，那时也到了半夜，真心累。

解决办法

当出现与我们格式不一样的lang字段是，先将其取出，删掉，然后按照我们的格式设置一遍，这样就可以 保证后面的程序可以获取到，也可以正常删除重新设置语言了。

至此，问题解决。