javascript - 函数总是返回 true

Question

$(document).ready(function() {

var state = localStorage.hasOwnProperty('sidebarState') ? localStorage.getItem('sidebarState') : false;

function setState() {
    if(state) {
        $('#sidebar').css('transform', 'translate(0,0)');
        state = false;
    }
    else {
        $('#sidebar').css('transform', 'translate(-100%,0)');
        state = true;
    }
    localStorage.setItem('sidebarState',state);
}

$('#sidebar_button').click(setState);

setState();

});

当我重新加载页面时，它总是返回 true，即使它之前是 false，所以出了什么问题。

Answer 1

localStorage.setItem 接受两个字符串。因此 bool 值 false 将被强制转换为字符串“false”，该字符串的计算结果将为 true。

一个解决办法是

localStorage.setItem('sidebarState', state ? state : "");

因为空字符串将计算为 false。

来源:
http://dev.w3.org/html5/webstorage/#storage