sessionStorage是'没有按预期工作

sessionStorage isn't working as expected

本文关键字：工作 sessionStorage      更新时间：2023-09-26

这是我的代码：

    sessionStorage.loggedIn = true;
    if (sessionStorage.loggedIn) {
        alert('true');
    }
    else {
        alert('false');
    }

很简单。关于JavaScript是如何评估这些表达式的，肯定有一些小事情我不理解。当我放置sessionStorage.loggedIn = false时，"false"警报正确显示。然而，当我将sessionStorage.loggedIn更改为true时，即使在清除会话之后，"false"警报仍然会弹出。这个表情有什么不对的地方？这看起来很简单，也许我只需要再看一双眼睛。

尝试将代码更改为

sessionStorage.setItem('loggedIn',JSON.stringify(true));
if (JSON.parse(sessionStorage.getItem('loggedIn'))) {
    alert('true');
}
else {
    alert('false');
}

并且它应该在所有主要浏览器中一致工作。

setItem/getItem方法的接口就是规范的编写方式，因此这样做比使用指定属性的快捷方式更安全。此外，与localStorage一样，sessionStorage是一种基于文本的存储机制，不用于存储对象，因此需要使用JSON.parse和JSON.stringify包装调用，以全面获得预期结果。

请注意，JSON.parse并不总是能很好地处理未定义/null值，因此最好先进行一些类型检查。

您可以在此处阅读存储接口的规范

WebStorage对象（sessionStorage）中的键和值必须是字符串。如果它们不是字符串，则在分配给sessionStorage时，它们"应该"在浏览器的实现中转换为字符串。如果您根据"true"进行计算或转换为布尔值，它将正常工作。

https://code.google.com/p/sessionstorage/

http://www.w3schools.com/html/html5_webstorage.asp

相关文章：