javascript - 使用 Chrome 存储切换值

Question

我想通过单击图片来保存 bool 值，每次单击该图片时，该值都会将其状态从 true 更改为 false。

所以我想写一些类似的东西

function SwitchByImage(propertyName) {
   var oldValue=chrome.storage.sync.get({propertyName}, null);
   var newValue=!oldValue;
   chrome.storage.sync.set({propertyName:newValue},null);
   if (newValue) { 
      $("#whateverimage").attr("src","upimage.jpg");
   } else {
      $("#whateverimage").attr("src","downimage.jpg");
   }
}

我知道这行不通。我添加“null”的地方应该是一个函数。我的问题是:存储是异步工作的，因此似乎不可能按顺序写入和读取我的数据。

解决此问题的最佳方法是什么？

Answer 1

自 chrome.storage.sync.get 是异步的，获取的值将在回调中可用，因此这就是其余代码应该放置的位置:

function SwitchByImage(propertyName) {
    chrome.storage.sync.get(propertyName, function(items) {
        var oldValue = items[propertyName];
        var newValue = !oldValue;
        chrome.storage.sync.set({ propertyName: newValue });
        if (newValue) { 
            $("#whateverimage").attr("src", "upimage.jpg");
        } else {
           $("#whateverimage").attr("src","downimage.jpg");
        }
    });
}