为什么我在localStorage中设置的内容与我得到的内容不一样？

Question

考虑以下代码：

myObj = new BackboneModel({'a_key': {'c_key': c_val, 'd_key': d_val}, 'b_key': b_value});
localStorage.setItem('myObj', myObj);

现在，如果我使用Chrome开发人员工具检查数据，我就会知道：

> myObj
r {cid: "c1", attributes: Object, _changing: false, _previousAttributes: Object, changed: Object…}
> localStorage
Storage {myObj: "[object Object]"}
> myObj.get('a_key')
Object {c_key: Object, d_key: Object}
> localStorage.getItem('myObj')
"[object Object]"

I.e。）我没有得到我设定的......

我是否错误地使用localStorage？

我怎样才能得到我设定的内容？

注意：我认为我的backbone.js模型的细节与此无关。

解决

// Set
var objDict = {'a_key': {'c_key': c_val, 'd_key': d_val}, 'b_key': b_value};
myObj = new BackboneModel(objDict);
localStorage.setItem('myObj', objDict);
...
// Get
var objDict = JSON.parse(localStorage.getItem('myObj'));
myObj = new BackboneModel(objDict);

Answer 1

localStorage只能直接存储字符串，而不能直接存储对象 - 如果您尝试存储对象，它将在该对象上调用.toString()，因此[object Object]。

通常情况下，建议您在插入对象时使用JSON.stringify，并在检索对象时使用JSON.parse。

但是，您应该注意，通过JSON（或任何其他中间格式）将不会保留与该对象关联的任何方法或原型链。您获取的对象将具有与您的模型相同的内容，但它不会 BackboneModel。