在 sessionStorage 中保存 Javascript 对象

Question

SessionStorage 和 LocalStorage 允许在 Web 浏览器中保存键/值对。值必须是字符串，保存js对象不是小事。

var user = {'name':'John'};
sessionStorage.setItem('user', user);
var obj = sessionStorage.user; // obj='[object Object]' Not an object

现在，您可以通过将对象序列化为 JSON，然后将它们反序列化以恢复对象来避免此限制。但是 Storage API 总是通过 setItem 和 getItem 方法。

sessionStorage.setItem('user', JSON.stringify(user));
var obj = JSON.parse(sessionStorage.getItem('user')); // An object :D

我可以避免这个限制吗？

我只想执行这样的事情：

sessionStorage.user.name; // 'John'
sessionStorage.user.name = 'Mary';
sessionStorage.user.name // 'Mary'

我已经尝试过 defineGetter 和 defineSetter 方法来拦截调用，但这是一项乏味的工作，因为我必须定义所有属性，而我的目标是不知道未来的属性。

原文由 Ferran Basora 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 Web Storage API 提供的访问器，也可以编写包装器/适配器。从您声明的defineGetter/defineSetter问题来看，编写包装器/适配器对您来说工作量太大。

老实说，我不知道该告诉你什么。也许您可以重新评估您对“可笑限制”的看法。 Web Storage API 正是它应有的样子，一个键/值存储。

原文由 Ryan Olds 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

解决方案是在调用 sessionStorage 上的 setItem 之前将对象字符串化。

 var user = {'name':'John'};
sessionStorage.setItem('user', JSON.stringify(user));
var obj = JSON.parse(sessionStorage.user);

原文由 Ron 发布，翻译遵循 CC BY-SA 3.0 许可协议