本地存储和JSON.parse：如果没有值，JS就会停止工作？

Question

抱歉，如果标题有什么误解。 如果我尝试使用 json 解析本地存储中的值并且没有值，则无法正常工作，那么我在使用 Web 应用程序时遇到了一些问题。

例如：

如果您执行以下操作： alert(localStorage.getItem("something")); 您将得到 null：http://jsfiddle.net/yrGht/

但如果你这样做它会阻止一切： alert(JSON.parse(localStorage["test"])); 你会得到什么也没有和它阻止一切工作： http://jsfiddle.net/7tCaS/

我怎样才能解决这个问题，以便我警告第一个，如果它没有值，则继续工作，因为基本上我想将其设置为： JSON.parse(localStorage["test"]) 作为全局变量，但它会阻止其他所有内容：http://jsfiddle.net/gq9Ea/

Answer 1

试试这个：

alert(JSON.parse(localStorage['test'] || null));

失败的原因是 JSON.parse(undefined_variable) 给出“无效字符”错误。如果 localStorage['test'] 不存在，则它是 undefined，因此会出现错误。如果该值为假（未定义），则上面的代码会将 null 置于适当的位置。但是，如果值为 0、"" 或其他虚假值，这确实会产生不良影响。如果需要更具体的代码，请尝试：

alert(JSON.parse(typeof localStorage['test'] == "undefined" ? null : localStorage['test']));

Answer 2

使用 localStorage 时，您需要在编码中预期数据可能不存在，并且需要测试该情况并以某种方式处理它。最简单的方法是这样的：

var rawData = localStorage.getItem("something");
var parsedData = {};  // set whatever the default value should be if there is no localStorage value
if (rawData) {
    parsedData = JSON.parse(rawData);
}

您还可以使用异常处理：

var parsedData;
try {
    parsedData = JSON.parse(localStorage.getItem("something"));
} catch(e) {
    parsedData = {};    // set default value if localStorage parsing failed
}

此外，您应该学习如何在浏览器错误控制台或调试器控制台中查看 javascript 错误。 JavaScript 并没有被“阻止”。它引发了一个未处理的错误，因此执行被中止。该错误（行号和错误类型）均记录在错误控制台和调试器控制台中，供您查看。