javascript - chrome 扩展 chrome.storage 如何同时进行大量获取和设置并避免竞争条件？

Question

我从 chrome.storage.local.get 获取一个对象，然后我想通过在回调中使用 chrome.storage.local.set 来更新该对象。

如果多次执行回调，则会发生竞争条件。我该怎么做才能避免这种情况？

我知道它可以通过jQuery.defer解决，但是有什么方法可以进行原子更新吗？或者有任何改进我的代码的建议吗？

下面是一个非常简单的例子:

chrome.tabs.onCreated.addListener(function(tab){//a lot of at the same time
    //just test
    chrome.storage.local.get(null, function(items) {
            if(!items.test){
                items.test=[];
            }
            items.test.push(something);
            chrome.storage.local.set(items,function(){});
            console.log('a'+JSON.stringify(items));
        });    
});

Answer 1

一种解决方案是将 localStorage 与 chrome.storage 结合使用。

您可以使用localStorage来处理监听器中所有频繁的get和set。设置和获取 localStorage 是同步/阻塞的，因此无需担心竞争条件。

然后，您可以决定一些空闲时间/事件来将 localStorage 与 chrome.storage 同步。

假设用户随时在一台计算机上使用此扩展，这将起作用。