「chrome.tabs.query()」の結果にアクセスできないのはなぜですか?

chrome.tabs.query を呼び出した後、結果にアクセスできないように見える

chrome.tabs.query() の結果にアクセスしようとすると、開発者は、結果が利用できないように見える予期しない動作に遭遇する可能性があります。この問題は、クエリの非同期の性質に起因します。

非同期プログラミングでは、関数は実行のメイン スレッドの外側で動作します。したがって、非同期関数がまだ実行されている間、メイン ループはコードの実行を続ける可能性があります。

これを説明するために、次の例を考えてみましょう。

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);
    }
}

この場合、クエリは、tabs.query に割り当てられたコールバック関数が実行を完了する前に実行されます。したがって、クエリの結果はループ内ではまだ利用できません。

この問題を解決するには、クエリの結果に依存するコードをコールバック関数内に配置する必要があります。例:

var fourmTabs = new Array();
chrome.tabs.query({}, function (tabs) {
    for (var i = 0; i < tabs.length; i++) {
        fourmTabs[i] = tabs[i];
    }
    // Code relying on the query results here
});

クエリ結果を利用するコードをコールバック関数に移動することで、結果が利用可能になってからのみコードが実行されるようになり、問題が解消されます。

以上が「chrome.tabs.query()」の結果にアクセスできないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。