Chrome 扩展键盘快捷键需要 2 次按下才能更改值

Question

我在尝试在我正在开发的 Chrome 扩展程序中实现 Chrome keyboard shortcuts API 时遇到了一个奇怪的问题。简而言之，我必须按指定的键盘快捷键 2 次才能更改存储的值。

这是我的键盘快捷键监听器：

chrome.commands.onCommand.addListener(function(command) {
    chrome.storage.sync.get([command], function(result) {
        toggle = result[command];
    });

    toggle = toggle_value(toggle)

    chrome.storage.sync.set({[command]: toggle }, function() {
        console.log( {[command]: toggle} );
    });
});

还有我的toggle_value() 函数：

function toggle_value(value) {
    if(value == 0) {
        return 1;
    } else if(value == 1) {
        return 0;
    }   
}

我的键盘快捷键监听器接收到清单中设置的 command，从 Chrome synced storage 数据库中获取相同键名的相应值，切换该值，然后使用相同的设置将其设置回 Chrome 同步存储键名。

如前所述，command 键的值只有在连续按下键盘快捷键 2 次后才会真正切换。我花了几个小时调试这个没有运气，请帮助我。

Answer 1

问题。您使用的函数是异步的，但您的代码是同步运行的。如果嵌套，您的代码应该可以工作。

chrome.commands.onCommand.addListener(function(command) {
    chrome.storage.sync.get([command], function(result) {
        toggle = result[command];
        toggle = toggle_value(toggle);
        chrome.storage.sync.set({[command]: toggle }, function() {
            console.log( {[command]: toggle} );
        });
    });
});

建议。您应该查看Promises 以更优雅地处理异步代码。