Использование chrome.tabs.query для поиска URL текущей вкладки и сохранения в глобальной переменной

Question

Я новичок в программировании, поэтому, пожалуйста, не приходите за мной, если мой вопрос примитивный.

Моя программа должна получить URL-адрес открытой вкладки и сохранить ее в переменной для последующего манипулирования. Я распечатал результаты в компонент для отладки.

var url = "url not set";    

// finds active tab url
chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function(tabs) 
{
   //document.getElementById("basicUsage").innerHTML = url;  output 1
   url = tabs[0].url;   
   //document.getElementById("basicUsage").innerHTML = url;  output 2
}); 
//document.getElementById("basicUsage").innerHTML = url;     output 3

URL-адрес печатается, когда только выход 2 не закомментирован (как и ожидалось), но вывод «url не установлен», когда только выход 3 не закомментирован. Новый URL-адрес сохраняется в глобальной переменной, поэтому я не понимаю, почему он не выводится, когда строка находится за пределами chrome.tabs.query.

Переменная, используемая в функции chrome.tabs.query, является правильной (я проверил ее, используя вывод 1).

Кажется, что программа "игнорирует" всю функцию? Пожалуйста, помогите.