chrome.storage.local.set 是否保证顺序/确定性

Question

在我有 2 个按钮的情况下，but_A 和 but_B。

but_A.onMouseClicked(chrome.storage.local.set({"key": "A"}, function(){
                console.log("but_A val set"); }));

but_A.onMouseClicked(chrome.storage.local.set({"key": "B"}, function(){
                console.log("but_B val set"); }));

如果我点击but_A，然后点击but_B，“key”对应的值会是多少？行为是否具有确定性？

到目前为止，我的推理是： 当A被按下时，第一个chrome.storage.local.set()会进入消息队列，出栈并执行。当 A 的 .set() 仍在执行时，按下 B。 B 的.set() 也将执行。两个chrome.storage.local.set() 会同时在两个单独的线程上运行吗？

谢谢！

Answer 1

JavaScript 中给定执行环境中的所有代码、函数、回调、事件、微任务等都将使用 事件循环 顺序处理。没有线程。

但是，扩展 API 文档并不能保证 API 内部的实际工作顺序与调用顺序相匹配，因此即使当前实现在内部执行，这也不是您应该依赖的。

你可以像这样链接一个 Promise：

let setChain = Promise.resolve();
const set = data => {
  setChain = setChain.then(() => new Promise(resolve => {
    chrome.storage.local.set(data, resolve);
  }));
};

现在你可以像set({foo: 1}); set({foo: 2}); 一样使用它