AJAX 同步與非同步請求優缺點對比：回調地獄與阻塞 UI 的權衡

同步（async: false）

非同步（async: true）

代碼對比

同步

function getRst() {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'url', false); // 同步
  xhr.send(null);
  return xhr.responseText;
}
var r = getRst();
alert(r);

非同步 + 回調

function getRst(callback) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'url', true);
  xhr.send(null);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) callback(xhr.responseText);
  };
}
getRst(function(r) { alert(r); });

現代最佳實踐：async/await + fetch

async function getRst() {
  const resp = await fetch('url');
  return resp.text();
}
getRst().then(r => alert(r)).catch(console.error);

總結

**生產環境嚴禁同步 AJAX**。統一使用 fetch/axios + async/await，配合統一錯誤處理攔截器，代碼既線性又非阻塞。