@sebarmeli的方法在我看来是最好的，但是如果你只想在一个会话的生命周期内保存数据，那么sessionStorage可能是一个更好的选择:

这是一个维护存储区域的全局对象(sessionStorage) 在页面会话期间可用。页面会话 只要浏览器打开，就会持续，并在页面上存活 重新加载和恢复。在新选项卡或窗口中打开一个页面会导致 要启动的新会话。

sessionStorage MDN:

不可能指定过期时间。这完全取决于用户。

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

当然，应用程序存储在客户机上的某些内容以后可能不再存在。用户可以显式地摆脱本地存储，或者浏览器可能会遇到空间问题。防御性的编程是很好的。然而，通常情况下，基于这个词的一些实际定义，事情仍然是“永远”的。

编辑——显然，如果你自己的应用程序认为它太旧了，它可以主动删除它。也就是说，您可以显式地在已保存的内容中包含某种时间戳，然后稍后使用该时间戳来决定是否应该刷新信息。

您可以使用lscache。它会自动为您处理这个问题，包括存储大小超过限制的实例。如果发生这种情况，它将开始删除最接近指定到期日期的项。

自述:

lscache.set

Stores the value in localStorage. Expires after specified number of minutes.

Arguments
key (string)
value (Object|string)
time (number: optional)

这是常规存储方法之间唯一的真正区别。Get、remove等工作原理相同。

如果您不需要那么多的功能，您可以简单地存储一个带有值的时间戳(通过JSON)，并检查它是否过期。

值得注意的是，将本地存储留给用户是有充分理由的。但是，当需要存储临时数据时，lscache之类的东西确实会派上用场。

生命周期由应用程序/用户控制。

从标准来看:

只有出于安全原因或用户请求时，用户代理才应该使本地存储区域的数据过期。用户代理应始终避免在可能访问该数据的脚本运行时删除数据。

@sebarmeli的方法在我看来是最好的，但是如果你只想在一个会话的生命周期内保存数据，那么sessionStorage可能是一个更好的选择:

这是一个维护存储区域的全局对象(sessionStorage) 在页面会话期间可用。页面会话 只要浏览器打开，就会持续，并在页面上存活 重新加载和恢复。在新选项卡或窗口中打开一个页面会导致 要启动的新会话。

sessionStorage MDN:

使用angular和local饲草的解决方案:

angular.module('app').service('cacheService', function() {

  return {
    set: function(key, value, expireTimeInSeconds) {
      return localforage.setItem(key, {
        data: value,
        timestamp: new Date().getTime(),
        expireTimeInMilliseconds: expireTimeInSeconds * 1000
      })
    },
    get: function(key) {
      return localforage.getItem(key).then(function(item) {
        if(!item || new Date().getTime() > (item.timestamp + item.expireTimeInMilliseconds)) {
          return null
        } else {
          return item.data
        }
      })
    }
  }

})