Chrome擴展中變量範圍的問題

Question

我正在編寫Chrome擴展。我有以下一段代碼。

function getCurrentTab() { 
    var r; 
    chrome.tabs.query({ 
    active:true, 
    currentWindow:true 
    },function (tabs) { 
    r=tabs[0]; 
    console.log(r); 
    }); 
    return r; 
} 

console.log(getCurrentTab()); 

我希望這個函數返回活動標籤。不幸的是，回調函數內部的歸因不會影響父函數getCurrentTab中的r，我無法弄清楚原因。

目前，此代碼寫入到控制檯：

undefined 
Object {active: true, height: 954, highlighted: true, id: 16, incognito: false…} 

期望的結果將是：

Object {active: true, height: 954, highlighted: true, id: 16, incognito: false…} 
Object {active: true, height: 954, highlighted: true, id: 16, incognito: false…} 

Answer 1

至於查詢功能的回調是異步的，你需要提供一個回調函數getCurrentTab函數並在那裏執行操作：

function getCurrentTab(callback) { 
    chrome.tabs.query({ 
     active:true, 
     currentWindow:true 
    }, function (tabs) { 
     callback(tabs[0]); 
    }); 
} 

getCurrentTab(function(r){ 
    console.log(r); 
    // ... other operations using current tab ... 
});