localStorage 返回空对象

Question

我有一个变量，每次单击按钮时都需要将其存储在 localStorage 中。我这样做的方式是：

localStorage.setItem('newFileName', localStorage.getItem('newFileName') + ",<br><br>" + newFileName);

然后我像这样获取它：

ending = localStorage.getItem('newFileName');

这应该是 return 字符串：

newFileName、newFileName 等。但是 returning 为：

空，新文件名，新文件名

我不知道为什么？有人可以帮我吗？

Answer 1

您正在 setItem 调用中使用 localStorage.getItem。由于在此之前不会设置该项目，因此 getItem 调用将返回 null。您需要在设置之前检查它是否已被初始化。像

if (localStorage.getItem("newFileName")) {
    localStorage.setItem('newFileName', localStorage.getItem('newFileName') + ",<br><br>" + newFileName);
} else {
    localStorage.setItem('newFileName', newFileName);
}

localStorage 返回空对象

localStorage returning null object

html

javascript

local-storage