Расширение Chrome: вкладки запросов async

Question

У меня есть две переменные, которые устанавливаются в «возвращаемое значение» функций, эти функции должны получать URL-адрес вкладки и ссылку на фактический объект табуляции и хранить их в переменных. У меня есть некоторый код:

function init(){ 
    var url = getUrl(); 
    var tab = getTab(); 
} 

function getUrl(){ 
    var tablink; 
    chrome.tabs.query({currentWindow: true, active: true},function(tabs){ 
     tablink = tabs[0].url; 
     return tablink; 
    }); 

} 

function getTab(){ 
    var tab; 
    chrome.tabs.query({currentWindow: true, active: true},function(tabs){ 
     tab = tabs[0]; 
    }); 
    return tab; 
} 

Почему, URL не определен, хотя я возвращаюсь к URL из функции обратного вызова, но когда я возвращаюсь вкладку из-за пределов обратного вызова, он возвращает в порядке, так как хотя это был синхронный звонок. У меня есть screenshot этого явления в отладчике. Я стараюсь научиться разбираться с асинхронными методами в хроме, но это очень запутанно. Может ли кто-нибудь объяснить это поведение мне?

Answer 1

Как вы уже сказали, функция chrome.tabs.query является асинхронной. Из-за этого вы не можете полагаться на return, вместо этого вы должны использовать обратные вызовы. Документация для расширения Chrome объясняет это довольно хорошо: http://developer.chrome.com/extensions/overview.html#sync-example

Так что в вашем случае что-то подобное может работать (в зависимости от того, что вы хотите позже с ним).

var url, tab; 
function init(){ 
    chrome.tabs.query({currentWindow: true, active: true},function(tabs){ 
     url = tabs[0].url; 
     tab = tabs[0]; 
     //Now that we have the data we can proceed and do something with it 
     processTab(); 
    }); 
} 

function processTab(){ 
    // Use url & tab as you like 
    console.log(url); 
    console.log(tab); 
}