您可能会发现使用以下方便的方法扩展Storage对象很有用：

Storage.prototype.setObject = function(key, value) {
    this.setItem(key, JSON.stringify(value));
}

Storage.prototype.getObject = function(key) {
    return JSON.parse(this.getItem(key));
}

通过这种方式，您可以获得真正想要的功能，即使API下面只支持字符串。

localStorage.setItem('user', JSON.stringify(user));

然后从存储中检索并再次转换为对象：

var user = JSON.parse(localStorage.getItem('user'));

If we need to delete all entries of the store we can simply do:

localStorage.clear();

为Storage对象创建外观是一个很棒的解决方案。这样，您就可以实现自己的get和set方法。对于我的API，我为localStorage创建了一个外观，然后在设置和获取时检查它是否是一个对象。

var data = {
  set: function(key, value) {
    if (!key || !value) {return;}

    if (typeof value === "object") {
      value = JSON.stringify(value);
    }
    localStorage.setItem(key, value);
  },
  get: function(key) {
    var value = localStorage.getItem(key);

    if (!value) {return;}

    // assume it is an object that has been stringified
    if (value[0] === "{") {
      value = JSON.parse(value);
    }

    return value;
  }
}

下面是danott发布的代码的一些扩展版本：

它还将实现本地存储中的删除值，并显示如何添加Getter和Setter层，

localstorage.setItem（预览，true）

你可以写

config.preview=真

好了，我们来了：

var PT=Storage.prototype

if (typeof PT._setItem >='u')
  PT._setItem = PT.setItem;
PT.setItem = function(key, value)
{
  if (typeof value >='u') //..undefined
    this.removeItem(key)
  else
    this._setItem(key, JSON.stringify(value));
}

if (typeof PT._getItem >='u')
  PT._getItem = PT.getItem;
PT.getItem = function(key)
{
  var ItemData = this._getItem(key)
  try
  {
    return JSON.parse(ItemData);
  }
  catch(e)
  {
    return ItemData;
  }
}

// Aliases for localStorage.set/getItem
get = localStorage.getItem.bind(localStorage)
set = localStorage.setItem.bind(localStorage)

// Create ConfigWrapperObject
var config = {}

// Helper to create getter & setter
function configCreate(PropToAdd){
    Object.defineProperty( config, PropToAdd, {
      get: function ()    { return (get(PropToAdd)    )},
      set: function (val) {         set(PropToAdd, val)}
    })
}
//------------------------------

// Usage Part
// Create properties
configCreate('preview')
configCreate('notification')
//...

// Configuration Data transfer
// Set
config.preview = true

// Get
config.preview

// Delete
config.preview = undefined

嗯，你可以用.bind（…）去掉别名部分。不过，我只是把它放进去，因为知道这一点真的很好。我花了几个小时才弄明白为什么一个简单的get=localStorage.getItem；不工作。

建议为这里讨论的许多特性以及更好的兼容性使用抽象库。有很多选择：

jStorage或simpleStorage← 我的喜好本地饲料alekseykulikov/仓库拉文查尔商店.js← 另一个不错的选择对象管理组织本地数据存储

对变体的一个小改进：

Storage.prototype.setObject = function(key, value) {
    this.setItem(key, JSON.stringify(value));
}

Storage.prototype.getObject = function(key) {
    var value = this.getItem(key);
    return value && JSON.parse(value);
}

由于短路求值，如果key不在Storage中，getObject（）将立即返回null。如果值为“”（空字符串；JSON.parse（）无法处理），它也不会引发SyntaxError异常。