Расширение глобальной расширяемости глобальных переменных

Question

У меня есть следующий код в popup.js расширения chrome.

var tt; 
chrome.tabs.query({ active: true, currentWindow: true, windowType: 'normal' }, 
    function (tabs) { 
     tt = 5;  
}); 
document.getElementById('elm').textContent = tt; 

Но странно то значение ТТ не определено при доступе из стороны функции, но она показывает «5», если document.getElementById('elm').textContent = tt; помещается внутри функции. Итак, почему переменное значение не сохраняется, когда управление выходит из функции?

Что я здесь делаю неправильно?

Этот код запускается, когда отображается всплывающее окно. То есть когда нажата кнопка действия браузера, и я упростил код для чтения. На самом деле я пытаюсь получить идентификатор текущей вкладки в переменной. Но ничего не работает.

Answer 1

Только что нашел ответ, если кто-то столкнулся с этим снова, это то, что произошло.

chrome.tabs.query - это асинхронная операция, поэтому функция обратного вызова была вызвана несколько позже. Но линия document.getElementById('elm').textContent = tt; была выполнена до вызова обратного вызова и вызвала проблему. Когда отладка этого не происходила, так как переход через код задерживает выполнение этой строки.