您的问题可以简化为：
/*1.*/ var fourmTabs = [];
/*2.*/ chrome.tabs.query({}, function(tabs) {
/*3.*/ fourmTabs[0] = tabs[0];
/*4.*/ });
/*5.*/ console.log(fourmTabs[0]);
您希望在fourmTabs到达第 5 行时更新数组（按第 3 行）。
这是错误的，因为该chrome.tabs.query方法是异步的。
为了让您了解异步方面的重要性，我展示了一个与您的代码具有相同结构的代码片段和一个故事。
/*1.*/ var rope = null;
/*2.*/ requestRope(function(receivedRope) {
/*3.*/ rope = receivedRope;
/*4.*/ });
/*5.*/ grab(rope);
- 在第 1 行，宣布绳子的存在。
- 在第 2-4 行，创建了一个回调函数，它应该被
requestRope函数调用。
- 在第 5 行，您将通过
grab函数抓取绳索。
当requestRope实现同步，没有任何问题：
你：“您好，我想绳子请。抛绳‘调用回调函数’，当你有一个。”
她：“当然。” 扔绳子
你：跳跃并抓住绳子- 你设法到达另一边，活着。
当requestRope是异步实现的，如果你把它当成同步的，你可能会遇到一个问题：
你：“请向我扔一根绳子。”
她：“当然。让我们看看……”
你：跳跃并试图抓住绳子因为没有绳子，你跌倒并死去。
她：扔绳子 当然太晚了。
现在您已经看到了异步和同步实现的函数之间的区别，让我们解决您最初的问题：
var fourmTabs = new Array();
chrome.tabs.query({}, function (tabs) {
for (var i = 0; i < tabs.length; i++) {
fourmTabs[i] = tabs[i];
}
// Moved code inside the callback handler
for (var i = 0; i < fourmTabs.length; i++) {
if (fourmTabs[i] != null)
window.console.log(fourmTabs[i].url);
else {
window.console.log("??" + i);
}
}
});
// <moved code inside callback function of chrome.tabs.query>
使用断点，您的代码可以工作，因为在到达代码的第二部分时，回调已经被调用。