executeScript不填充全局變量 - Chrome擴展

Question

我正在構建一個擴展名爲chrome，並且有一個空變量的數組變量array_out。我需要在回調函數中使用來自executeScript內的數組的值填充此數組。

但是，出於某種原因全局陣列array_out沒有被填充，因爲console.log顯示，可能是因爲chrome函數在我的jQuery之後運行？

任何幫助？

我的代碼如下：

$(document).ready(function(){ 
    var array_out = []; 

    chrome.tabs.query({currentWindow: true, active: true}, function(tabs) { 
     chrome.tabs.executeScript(tabs[0].id, { 
      code: " \ 
       var array_in = ['one', 'two', 'three']; \ 
      " 
     }, function(result){ 
      array_out = result[0]; 
      console.log('IN: ' + array_out.length); 
     }); 
    }); 
    console.log('OUT: ' + array_out.length); 
}); 

Answer 1

您正在使用異步執行兩個功能。您爲chrome.tabs.query和chrome.tabs.executeScript提供回調函數，但嘗試訪問僅在回調方法chrome.tabs.executeScript中設置的變量。

爲了確保您正在訪問array_out已經初始化之後，你必須把你的訪問代碼（console.log('OUT: ' + array_out.length);）在一個單獨的函數，在回調叫你的回調函數的結尾chrome.tabs.executeScript（或直接功能本身）。通過這樣做，當調用$(document).ready()時仍然執行代碼，而且在兩個異步函數在分配數組內容後調用了它們的回調函數之後，您仍然執行代碼。

例如：

var array_out = []; 

$(document).ready(function(){ 


    chrome.tabs.query({currentWindow: true, active: true}, function(tabs) { 
     chrome.tabs.executeScript(tabs[0].id, { 
      code: " \ 
       var array_in = ['one', 'two', 'three']; \ 
      " 
     }, function(result){ 
      array_out = result[0]; 
      console.log('IN: ' + array_out.length); 
      accessArray(); 
      //you can do stuff with array_out here... 
     }); 
    }); 
    //console.log('OUT: ' + array_out.length); //-- array_out will not yet be set here 
}); 

function accessArray() 
{ 
    console.log('OUT: ' + array_out.length); 

    //you can do more stuff with array_out here... 
}