如何将Promise.all()与chrome.storage()一起使用?

时间:2018-04-15 23:51:43

标签: asynchronous google-chrome-extension es6-promise google-chrome-storage

我有几个异步函数正在运行。我想在完成下一步之前等待他们全部完成。这是我用来获取chrome.storagePromise.all()实施的所有键/值的代码。

var promise1 = Promise.resolve(3);
var promise2 = 42;
var promise3 = new Promise(function(resolve, reject) {
  setTimeout(resolve, 100, 'foo');
});

var getAll = chrome.storage.sync.get(function(result) {
  console.log(result)
});

Promise.all([promise1, promise2, promise3, getAll]).then(function(values) {
  console.log(values); // [3, 42, "foo", undefined]
});

不幸的是,这并没有奏效。它返回undefined

上面的大部分代码都来自MDN:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all

1 个答案:

答案 0 :(得分:5)

chrome.* API不支持promises,它使用异步回调。
但是你可以宣传chrome.storage.sync.get

var getAllPromise = (function() {
    return new Promise(function(resolve) {
        chrome.storage.sync.get(function(result) {
            resolve(result);
        });
    });
})();

Promise.all([getAllPromise]).then(...);