在HTML5本地存储中透明地保存数据

Question

我想正常使用Javascript对象文字和数组，并将它们自动保存在本地存储中。

我想读取，编辑和删除对象文字和数组的成员，就像我对任何其他对象一样 - 使用普通赋值运算符a.b = 'c'来分配值和普通的点符号表达式d.e阅读

当浏览器下次访问该页面时，这些数组和对象文字的先前内容将自动从本地存储加载。我希望不要明确地调用任何东西来存储这些数据，它应该可以正常工作。

我有什么选择？

Answer 1

使用方法而不是vanilla属性的示例

var SavedObject= { 
  b: function(val) { 
    if (typeof(val)!=="undefined") {
      this._b=val;
      this.SerialiseToLocalStorage();
    }
    return val;
  },SerialiseToLocalStorage: function() {
    //whatever
  }
}

SavedObject.b(1); //set value
var x = SaveObject.b(); // get value

当然，您还需要在文档加载中初始化值...