在foreach内的foreach，结果为空，可能是由于异步调用引起的[重复]

Question

这个问题已经在这里有了答案：

• 在函数内部修改变量后，为什么变量未更改？ -异步代码参考 6个答案

最后的变量ntabs为空，我如何更改此代码（也许使用Q或异步库）以使其正常工作

var actions = [..];//array of objects
var ntabs = [];//arr where i put results

  actions.forEach(function(a) {
    chrome.tabs.query({url: a.url}, function(tabs) {
        tabs.forEach(function(tab) {
          var t = {
            id: tab.id,
            title: tab.title,
            url: tab.url,
            faviconUrl: tab.favIconUrl,
            actions: a.actions
          }
          ntabs.push(t);
        });
    });
  });

  console.log(ntabs);//result is empty

Answer 1

函数chrome.tabs.query是异步函数。 您应该添加一个计数器，该计数器将在最后一个查询完成后执行其余代码。

var actions = [{
  url: 'http://stackoverflow.com/questions/40696350/foreach-inside-foreach-result-is-empty-probably-because-of-async-call'
}, {
  url: 'chrome://extensions/?id=ehlnpfcjcalccnjondlokficpbkiefdk'
}];
var n = actions.length;
var ntabs = [];
actions.forEach(function(a) {
  chrome.tabs.query({
    url: a.url
  }, function(tabs) {
    tabs.forEach(function(tab) {
      var t = {
        id: tab.id,
        title: tab.title,
        url: tab.url,
        faviconUrl: tab.favIconUrl,
        actions: a.actions
      }
      ntabs.push(t);
    });
    if(--n === 0) onQuery();
  });
});

function onQuery() {
  console.log(ntabs);
}