變量的Javascript範圍無法正常工作

我是一個業餘程序員，在一個小項目中很難過。我想從Google電子表格中獲取數據，修改數據並製作Google圖表（使用google圖表API）。變量的Javascript範圍無法正常工作

下面的代碼在Firefox中完美工作，但Chrome和IE不允許handleQueryResponse（e）函數範圍之外的dataTable。我的第一個想法是從handleQueryResponse（e）函數返回dataTable，但在函數內部調用（.send（））。

任何幫助將不勝感激。

function getDataTable(link) { 
    var dataTable= new google.visualization.DataTable(); 
    var queryTrip = new google.visualization.Query(link); 
    queryTrip.send(handleQueryResponse); 
    function handleQueryResponse(response) { 

     if (response.isError()) { 

      alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage()); 
      return; 
     } 

     dataTable = response.getDataTable(); 
     // I can verify this has the data through debugging in Chrome 
    } 
    // Outside of the function handleQueryResponse the dataTable is gone 
    return dataTable; 
}

來源

2012-05-09 user1384995

我假設'queryTrip.send'是異步的。在這種情況下，在你的函數被回調設置之前，你會返回'dataTable'。那就是'return dataTable;'在'dataTable = response.getDataTable（）;'之前執行。如果涉及異步函數調用，則不能從函數返回值。你應該讓'getDataTable'接受一個回調，你可以調用結果準備好並將它傳遞給回調函數。 –

「允許」在這種情況下沒有意義。所有瀏覽器都允許在任何地方定義變量。請更具體一點：你在某處遇到錯誤嗎？如果是這樣，告訴我們整個錯誤信息！ –

@JoshMein在Javascript中的其他函數中聲明函數是完全正常的。 – Alnitak

，因爲菲利克斯所提到的，它可能是異步的，這意味着變量由handleQueryResponse獲取運行，因爲它沒有功能getDataTable的範圍內立即運行的時間不再存在。

您可以將dataTable的變量放在該範圍之外（放入全局範圍），而不是handleQueryResponse能夠寫入該範圍。

但是，您希望在handleQueryResponse函數內的dataTable準備就緒後啓動任何需要運行的函數。最好的行動方案可能是在dataTable準備好之後使用某種事件驅動處理。

來源

2012-05-09 15:34:17 Mike

問題不在於* dataTable被定義。問題是*當它被讀取和設置時... *在這種情況下它在讀取（返回）之前被設置。 –

調用異步函數的函數（queryTrip.send）不能返回依賴於該異步函數調用結果的數據，也不能使用該數據。

該數據對僅提供的回調函數內，和其他任何功能隨後要求通過該回調。

來源

2012-05-09 15:45:46 Alnitak

變量的Javascript範圍無法正常工作

回答

相關問題