我应该调用 chrome.storage.sync.set 异步吗？ [复制]

Question

我正在构建一个使用 chrome.storage.sync API 的扩展。我知道我必须为 chrome.storage.sync.get 使用异步代码，因为 原因（我也不完全理解） 通过使用 async/await。我是否也应该使调用 chrome.storage.sync.set 的函数也异步？所有 chrome 扩展 API 调用都应该是异步的吗？

更多信息：我正在使用反应，所以它可能与组件生命周期或事件循环有关？我不知道我很新。

Answer 1

简短的回答：除非您想使用 await，否则无需将 Chrome 存储回调标记为异步。您也不需要将调用 Chrome 存储 API 的函数标记为异步。

例子：

// works just fine without async
chrome.storage.sync.get('someKey', function(obj) {
   console.log(obj)
})

// async allows you to use await in the callback function with Promises
chrome.storage.sync.get('someKey', async function(obj) {
   var response = await fetch('...');
})

// no need to make the outer `setData` function async
function setData() {
  chrome.storage.sync.set({someKey: 123, function() {
    // ...
  })
}

将函数标记为async 基本上只是在其中使用await 关键字。 await 很方便，因为它解决了“回调地狱”，在这种情况下，您有许多需要回调的函数，并且您必须将它们链接在一起。

另外，有一天（参见this bug）Chrome 的扩展 API 将返回 Promises，而不是像现在这样需要回调，因此编写 Chrome 扩展代码将更多地使用异步函数。 Firefox 已经在其扩展 API 中使用了 Promises，但出于向后兼容的原因，它也支持使用回调。