火狐本地存储未定义

Question

在 Firefox 中，当我尝试时出现奇怪的行为（甚至在 firebug cosnole 中的任何地方）

function supports_local_storage() {
    try {
        return 'localStorage' in window && window['localStorage'] !== null;
    } catch(e){
        return false;
    }
}

var localStorageEnabled = supports_local_storage();
if (!localStorageEnabled) { 
    alert('am in');
    console.log('am in');
    var localStorage = localStorage;
};
localStorage.setItem("textsfff", "20");

.. 如果在firefox中启用了localStorage，则不会弹出警报/控制台日志，但localstorage被未知进程破坏，因此setItem失败。

如果我重写

var localStorage = localStorage;

到

localStorage = localStorage;

代码奇迹般地工作，当“var localstorage”出现在代码中的任何地方时，它就像localstorage一样被删除，即使条件不满足。

我在 Firefox 29.0.1 中遇到了这个问题

我不能用

localStorage = 本地存储；

因为在控制台模式下我必须自己定义本地存储并且需要“var 声明”。

Answer 1

当“var localstorage”出现在代码中的任何地方时，它的类似 localstorage 会被删除，即使条件不满足。

localStorage 对象在全局范围内，是window 对象的一个​​属性。如果您使用 var localStorage，那么您将无法再从该范围访问全局 localStorage 对象 - 除非您像这样使用 window 前缀：

window.localStorage.getItem(..);

情况确实如此，即使您的条件不满足，因为所有var 声明都被提升到当前范围的顶部，而不管任何条件语句。代码相当于：

var localStorage;

if(!localStorageEnabled){
    localStorage = localStorage; // this is undefined
}

所以当您执行var localStorage = localStorage 时，局部变量localStorage 已声明但未定义，在当前范围的顶部，那么您将undefined 分配给本地localStorage。这就是为什么localStorage = localStorage 在没有var 的情况下工作的原因，因为没有var 它正在寻找全局对象。

我不能使用localStorage = localStorage;，因为在控制台模式下我必须自己定义本地存储并且需要“var 声明”。

在这种情况下，您可以在 localStorage 存在/启用时使用 window 前缀。

var localStorage = window.localStorage;