localStorage['root2']=null;

localStorage.getItem("root2") === null //false

也许最好先看一遍计划?

localStorage['root1']=187;
187
'root1' in localStorage
true

你可以使用hasOwnProperty方法来检查

> localStorage.setItem('foo', 123)
undefined
> localStorage.hasOwnProperty('foo')
true
> localStorage.hasOwnProperty('bar')
false

适用于当前版本的Chrome(Mac)， Firefox(Mac)和Safari。

为真正的

localStorage.infiniteScrollEnabled = 1;

因为假

localStorage.removeItem("infiniteScrollEnabled")

检查存在

if (localStorage[""infiniteScrollEnabled""]) {
  //CODE IF ENABLED
}

WebStorage规范中的getItem方法，如果项不存在，则显式返回null:

．.． 如果给定的键在与该对象关联的列表中不存在，则该方法必须返回null. ...

所以，你可以:

if (localStorage.getItem("infiniteScrollEnabled") === null) {
  //...
}

请看这个相关问题:

在HTML5 localStorage中存储对象

我能建议的最好最安全的方法就是，

if(Object.prototype.hasOwnProperty.call(localStorage, 'infiniteScrollEnabled')){
    // init variable/set default variable for item
    localStorage.setItem("infiniteScrollEnabled", true);
}

这将通过ESLint的no-prototype-builtins规则。

正如@Christian C. Salvadó上面提到的，你可以做到 If (xxx === null){}

但是null也是一个假值，就像这样:

if (null){
console.log ("hello");
}

它不打印“hello”。