javascript - 如果本地存储为空，则不执行任何操作。如果没有，那就做点什么

Question

我是否能够创建一个在将某些内容放入本地存储时自动运行的函数？

我尝试自己想出一些办法，但似乎行不通。

function () {
    if (localStorage.value == ""){
        //do nothing
    }
    else {
        document.getElementById("test").innerHTML = "" + (localStorage.getItem("server")) + ""  ;
    }
}

编辑:这段代码可以工作，但它不会自行更新，因此如果我在 localstorage 中输入新值，此代码将不会拾取它并会显示旧值仍然。

if (localStorage.length == 0){   
    document.getElementById("test").innerHTML = "Please go back and enter your name.";
}
else {
    document.getElementById("test").innerHTML = "" + (localStorage.getItem("server")) + ""  ;
}

Answer 1

如果您围绕 localStorage 编写了一个包装器并使用它来设置，则可以在设置值时运行回调

var storage = {
   get: function(key){
      return localStorage.getItem(key);
   },
   set: function(key, value, callback){
      localStorage.setItem(key, value);
      if(typeof(callback) === 'function'){
          callback.call(null, value);
      }
   }
}

storage.set('user', "John Smith", function(value){
    console.log("You set your username to %s", value);
});