Warum scheint mein „chrome.tabs.query'-Ergebnis nach dem Aufruf nicht verfügbar zu sein?

Asynchrone Natur von chrome.tabs.query: Warum Ergebnisse nach dem Aufruf nicht verfügbar erscheinen

Bei der Entwicklung einer Erweiterung für Google Chrome beim Abrufen von Tab-Informationen Bei der Verwendung von chrome.tabs.query muss häufig ein Array (fourmTabs) erstellt werden, um die Tab-Daten zu speichern und dann auf deren Inhalte zuzugreifen. Allerdings kann es zu unerwartetem Verhalten kommen, wenn dieser Code nicht richtig an die asynchrone Natur von chrome.tabs.query angepasst ist.

Betrachten Sie das folgende Beispiel:

<code class="javascript">var fourmTabs = new Array();
chrome.tabs.query({}, function (tabs) {
  for (var i = 0; i < tabs.length; i++) {
    fourmTabs[i] = tabs[i];
  }
});
for (var i = 0; i < fourmTabs.length; i++) {
  if (fourmTabs[i] != null)
    window.console.log(fourmTabs[i].url);
  else {
    window.console.log("??" + i);
  }
}</code>

In diesem Beispiel der Code versucht, die URL jeder Registerkarte im Array zu drucken, nachdem der Rückruf chrome.tabs.query ausgeführt wurde. Bei Ausführung ohne Haltepunkte bleibt die Konsole jedoch leer, während die Verwendung von Haltepunkten die erwarteten Ergebnisse liefert.

Dieses Problem tritt auf, weil chrome.tabs.query eine asynchrone Funktion ist, was bedeutet, dass ihr Rückruf unabhängig vom nachfolgenden Code ausgeführt wird . Wenn Haltepunkte verwendet werden, wird die Codeausführung am ersten Haltepunkt angehalten, sodass der Rückruf abgeschlossen werden kann, bevor die zweite Schleife ausgeführt wird. Ohne Haltepunkte wird die zweite Schleife unmittelbar nach der ersten ausgeführt, bevor der chrome.tabs.query-Rückruf Zeit hatte, die Tab-Daten zu sammeln. Folglich ist das fourmTabs-Array leer, wenn in der zweiten Schleife darauf zugegriffen wird.

Um dieses Problem zu beheben und sicherzustellen, dass der Code ordnungsgemäß funktioniert, ist es notwendig, die zweite Schleife innerhalb der Rückruffunktion von chrome.tabs.query zu verschieben. Auf diese Weise wird garantiert, dass die zweite Schleife erst ausgeführt wird, nachdem die Tab-Daten abgerufen wurden:

<code class="javascript">chrome.tabs.query({}, function (tabs) {
  var fourmTabs = new Array();
  for (var i = 0; i < tabs.length; i++) {
    fourmTabs[i] = tabs[i];
  }
  for (var i = 0; i < fourmTabs.length; i++) {
    if (fourmTabs[i] != null)
      window.console.log(fourmTabs[i].url);
    else {
      window.console.log("??" + i);
    }
  }
});</code>

Das obige ist der detaillierte Inhalt vonWarum scheint mein „chrome.tabs.query'-Ergebnis nach dem Aufruf nicht verfügbar zu sein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!