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

我有几个异步函数正在运行。我想等他们全部完成后再采取下一步行动。这是我用来获取所有键/值的代码chrome.storage和Promise.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

The chrome.*API 不支持 Promise，它使用异步回调。
但你可以承诺你的电话chrome.storage.sync.get:

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

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