javascript - 首先执行代码的错误部分

Question

我需要获取选项卡的当前 URL 才能解析它。我写了以下内容，但后来遇到了问题。最后一行中的 console.log 始终首先运行，而不是所需的功能。是什么原因造成的？

var tabURL;
chrome.tabs.query({
    active: true,
    currentWindow: true
}, function(tabs) {
    tabURL = tabs[0].url;
    console.log(tabURL);
});
console.log("Why does this run first?");

Answer 1

这是因为异步执行。当 JavaScript 等待 chrome API 时，控制台会继续记录您的消息。要解决此问题，您可以在回调中放置回调。

var tabURL;
chrome.tabs.query({
    active: true,
   currentWindow: true
}, function(tabs) {
    tabURL = tabs[0].url;
    console.log(tabURL);
    console.log("I execute second!")
});

因此，只要您将使用 URL 的代码放入回调中，它就应该可以正常工作。