1

Пытаюсь получить tab.id, используя вызов chrome.tabs.getSelected следующим образом:

var tabId = '';
chrome.windows.getCurrent(function(w){
  chrome.tabs.getSelected(w.id,function(t){
    tabId = t.id + '';
    alert(tabId);
  })
});
alert(tabId);

При выполнении, сначала выполняется внешний alert, предъявляя пустое значение, потом внутренний, показывая искомый идентификатор. Введение задержки на внешний alert устраняет проблему, но не может являться решением. Насколько я понимаю для выполнения запроса создаётся отдельный поток, не синхронизированный с основным приложением.

Как правильно построить запрос, исключающий гонку потоков?

1
  • Если вам дан исчерпывающий ответ, отметьте его как верный (галка напротив выбранного ответа). 27 мая 2016 в 18:49

1 ответ 1

2

getSelected:

Deprecated since Chrome 33.

Эта функция устрела и не рекомендуется к использованию.

Вы можете использовать функцию query. Что-то вроде:

chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {

    alert(tabs[0].id);
});

Получаем активную вкладку в текущем окне. Вы можете оперировать результатом в callback функции, которая передается в качестве параметра функции query.

При выполнении, сначала выполняется внешний alert, предъявляя пустое значение, потом внутренний, показывая искомый идентификатор.

Почитайте о Asynchronous vs. synchronous methods на developer.chrome.com

Код

chrome.windows.getCurrent(function(w){
  chrome.tabs.getSelected(w.id,function(t){
    tabId = t.id + '';
    alert(tabId);
  })
});

асинхронный. Т.е на момент вызова внешнего alert'a он находится в процессе выполнения и поэтому вы сначала получаете внешний alert с пустым значением, а после того как он отрабатывает вы получаете внутренний alert с желанным значением.

UPD к комментарию

При всём уважении я не понял. Оперировать с tabId в пределах callback функции не хочется, как вывести с помощью "другой функции", принимающей tabId, не понимаю.

function someFunction(tabId) {
    // Делаем что-то с tabId.
    // Например
    alert(tabId);
}


chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {

    someFunction(tabs[0].id);
});

Или можно использовать promise:

function getTabId() {

    return new Promise(function (resolve, reject) {

        chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {

            resolve(tabs[0].id);

            // Может еще что-то. reject или..
        });
    });
}

Далее вызываем функцию getTabId

getTabId().then(function (tabId) {

    // Делаем что-то с tabId
    // Например

    alert(tabId);
});

Если кратко

Promise нужны для работы с асинхронным кодом.

В первой части мы написали функцию обертку, которая возвращает объект promise. Он принимает функцию обратного вызова с двумя параметрами - resolve и reject. resolve используем когда операция успешно завершена, т.е возвращаем результат с tabId. В случае каких-то ошибок используем reject.

Далее при вызове функции getTabId используем метод then который примает функцию обратного вызова с параметром tabId (его значение мы передали в resolve).

Про их использование есть хорошая статья (перевод). Оригинал

И еще немного материала на MDN - Promise

Думаю этого хватит для понимания.

5
  • Я знаю об использовании chome.tabs.query, я также пытался использовать этот метод в альтернативу chrome.tabs.getCurrent, но поскольку он также является асинхронным, что подтверждается и developer.chrome.com/extensions/overview#sync то ситуация остаётся прежней, хотя желательно было бы найти решение, позволяющее вывести tabId за пределы метода.
    – avs100
    29 мая 2016 в 9:46
  • @avs100 Я же написал, вы можете выполнять действия с tabId в приделах callback функции, которая передается в query. Просто дерните из него другую функцию, которая будет принимать этот tabId.
    – UserName
    29 мая 2016 в 9:54
  • При всём уважении я не понял. Оперировать с tabId в пределах callback функции не хочется, как вывести с помощью "другой функции", принимающей tabId, не понимаю.
    – avs100
    31 мая 2016 в 11:38
  • @avs100 обновил ответ
    – UserName
    31 мая 2016 в 15:45
  • Спасибо, ценная информация. Я новичок в JS, теперь думаю разберусь.
    – avs100
    2 июн 2016 в 9:59

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.