localStorage + JSON and caching

Benchmark created by Gilmore on August 8, 2011

Preparation HTML

<script>
  var obj = {obj:{with:["various",123],properties:true}}
  localStorage["storedObj"] = JSON.stringify(obj);
  
  var dataCache = (function() {
    var cache = {}
  
    return {
      get: function(key) {
        var cached = cache[key]
        if (!cached) {
          cached = cache[key] = JSON.parse(localStorage[key])
        }
        return cached
      },
      clear: function () {
        cache = {}
      }
    }
  })()
  
  var getDataDirect = function(key) {
    return JSON.parse(localStorage[key])
  }
</script>

Test runner

dataCache.clear()
getDataDirect("storedObj")

dataCache.clear()
dataCache.get("storedObj")

dataCache.clear()
getDataDirect("storedObj")
getDataDirect("storedObj")
getDataDirect("storedObj")

dataCache.clear()
dataCache.get("storedObj")
dataCache.get("storedObj")
dataCache.get("storedObj")

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by Gilmore on August 8, 2011