实现Local Storage后allProjects全局对象为空的TodoList应用问题

背景 #

正在完成Odin Project的Todo List应用，需实现用户数据本地存储及页面重载后重新加载数据的功能。

预期效果 #

已编写saveToLocalStorage和getFromLocalStorage两个函数，期望所有创建的项目存储在allProjects对象中，页面刷新时自动加载这些项目。

实际问题 #

首次创建项目时显示正常，但页面重载后，既无法添加新项目，旧项目也不会渲染到页面。通过console.log确认数据已加载，且JSON序列化与反序列化操作均正确。

异常细节 #

• 在Chrome调试器中悬停查看allProjects变量时，可看到其中包含所有创建的项目对象；但在「监视」面板中该对象显示为空。
• 在updateProjectSidebar()函数中调用模块内的Projects.allProjects时，悬停查看该变量同样为空，推测这是侧边栏无法渲染的核心原因。

内容的提问来源于stack exchange，提问作者manski