Ajax（Asynchronous JavaScript And XML）是一種實現了異步數據交互的技術，可以在不刷新整個頁面的情況下更新部分頁面內容。在使用Ajax的過程中，我們需要注意變量的作用域問題。正確的使用函數作用域可以避免變量命名沖突和數據錯誤的發生。

Ajax中常用的一個函數是XMLHttpRequest，它用于向服務器發送請求并接收響應。在使用XMLHttpRequest的過程中，我們需要聲明一個xhr變量保存XMLHttpRequest對象。如果在多個函數中都需要使用xhr對象，我們可以將其定義在全局作用域，這樣就能在所有的函數中都可以訪問到xhr對象。

var xhr; // 在全局作用域定義xhr變量
function sendRequest(url, callback) {
xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
callback(xhr.responseText);
}
};
xhr.send();
}
function processData(data) {
// 在這里可以使用xhr對象和data變量
console.log(xhr);
console.log(data);
}
sendRequest("example.com/data", processData);

在上面的代碼中，xhr變量被定義在全局作用域，并且在sendRequest函數中被賦值。在processData函數中，我們可以直接使用xhr對象和data變量，而不需要重新聲明或傳遞。

另外一個注意點是在循環中使用Ajax請求時，由于異步請求的特性，可能會導致變量作用域的錯誤。下面是一個例子：

var urls = ["example.com/data1", "example.com/data2", "example.com/data3"];
for (var i = 0; i< urls.length; i++) {
var xhr = new XMLHttpRequest();
xhr.open("GET", urls[i], true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
xhr.send();
}

在上面的代碼中，我們希望循環遍歷urls數組，依次發送Ajax請求。然而，xhr對象在匿名函數中被引用，而匿名函數在循環結束前不會執行。當循環完成后，xhr對象被引用的匿名函數執行，此時xhr對象的值已經變為urls數組的最后一個元素對應的請求結果的值。這樣，我們在循環結束后獲取到的所有請求結果其實都是urls數組最后一個元素對應的請求結果。要解決這個問題，我們可以使用函數作用域來保存每次的xhr對象。

var urls = ["example.com/data1", "example.com/data2", "example.com/data3"];
for (var i = 0; i< urls.length; i++) {
(function(i) {
var xhr = new XMLHttpRequest();
xhr.open("GET", urls[i], true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
xhr.send();
})(i);
}

在上面的代碼中，我們通過將發送請求的代碼放在立即調用函數表達式中，并將i作為參數傳遞進去，實現了每次循環都保存一個獨立的xhr對象。

通過正確使用變量和函數作用域，我們可以避免在Ajax中出現變量命名沖突和數據錯誤的問題。這樣可以使我們的代碼更加健壯和可維護。