AJAX是一種前端技術，可以實現異步數據交互，提升用戶體驗。在使用AJAX的過程中，我們常常會遇到async屬性。async是XMLHTTPRequest對象的一個重要屬性，用于控制請求是否是異步的。當async屬性設為默認的情況下，請求是異步的。在本文中，我們將討論async默認屬性的作用，以及為什么它在大多數情況下是首選的。

在介紹async屬性之前，讓我們先了解一下同步和異步的概念。在同步操作中，當一個任務開始執行時，程序會等待該任務完成后才會繼續執行下一個任務。而在異步操作中，任務可以同時進行，程序不需要等待某個任務完成才能繼續執行下一個任務。

舉個例子來說明，假設我們有一個網頁，上面有一個按鈕，點擊按鈕后會向服務器發送一個AJAX請求，獲取用戶的個人數據并顯示在頁面上。如果我們將AJAX請求的async屬性設為false，即同步請求，那么當我們點擊按鈕時，頁面會被阻塞，直到請求完成并返回數據后，頁面才會繼續響應用戶的操作。這意味著用戶無法進行其他操作，直到請求完成。

相反，如果我們將AJAX請求的async屬性設為true，即異步請求（默認情況），那么當我們點擊按鈕時，頁面不會被阻塞，用戶可以繼續進行其他操作，比如滾動頁面、點擊其他按鈕等。同時，AJAX請求會在后臺進行，一旦請求完成，回調函數會被調用，用于處理返回的數據并更新頁面。這樣用戶就不需要等待請求的完成，可以繼續使用頁面。

下面是一個使用async默認屬性的AJAX請求的示例代碼：

// 創建XMLHTTPRequest對象
var xhr = new XMLHttpRequest();
// 設置請求的類型、URL和是否異步
xhr.open("GET", "https://example.com/data", true);
// 發送請求
xhr.send();
// 監聽請求的狀態變化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 請求完成且成功，處理返回的數據
var response = JSON.parse(xhr.responseText);
// 更新頁面
document.getElementById("data-container").innerHTML = response.data;
}
};

在上面的代碼中，我們首先創建了一個XMLHTTPRequest對象，并使用open方法設置請求的類型、URL和是否異步。在發送請求后，我們監聽XMLHTTPRequest對象的onreadystatechange事件，一旦請求的狀態變為4（請求完成）且狀態碼為200（成功），就執行回調函數來處理返回的數據并更新頁面。

總結來說，當我們使用AJAX請求時，異步操作已成為主流。默認情況下，我們將async屬性設為true，使請求成為異步請求，以允許用戶在請求的同時繼續使用頁面。然而，對于一些特殊需求，比如需要在請求完成后立即獲取數據并執行下一步操作，我們可以將async屬性設為false，將請求變為同步請求。這樣做需要謹慎使用，因為同步請求可能會導致用戶體驗下降。