JavaScript 響應與阻塞的問題一直是前端開發中的難點。在開發中，我們常常會遇到一些問題，例如用戶在等待頁面加載時長時間不響應，造成用戶不滿意等情況。這些問題都與JavaScript的響應與阻塞有關。下面將通過具體的例子來介紹JavaScript 的響應與阻塞。 當我們在頁面中使用Ajax技術時，如果我們使用同步請求，JavaScript 會在請求完成前一直阻塞頁面加載，直到請求完成后才會讓頁面繼續加載。這種情況很容易造成頁面長時間不響應，用戶體驗非常差。下面來看一個使用Ajax的例子：

function ajax(url) {
var xhr = new XMLHttpRequest();
xhr.open("GET", url, false); //false表示同步請求
xhr.send(null);
if (xhr.status === 200) {
console.log(xhr.responseText);
}
}
ajax("http://example.com");

上面的代碼是一個使用Ajax的同步請求，這會阻塞頁面的加載，直到請求完成后才會輸出結果。如果請求的資源較大，則用戶將長時間等待。 為了避免這種情況，我們可以使用異步請求，這樣JavaScript 在請求時不會停止加載頁面，而是會在完成后響應頁面。下面是一個基于異步請求的代碼：

function ajax(url) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.open("GET", url, true); //true表示異步請求
xhr.send(null);
}
ajax("http://example.com");

在上面的例子中，我們使用異步請求，在請求未完成之前，JavaScript 只是發送請求，而不會在頁面加載時阻塞，當請求完成后，JavaScript 就會產生響應。 除了Ajax 調用之外，JavaScript 還有一些其他的阻塞情況。例如，當我們使用alert()函數時，JavaScript 會停止執行，直到用戶關閉彈窗才會繼續執行。這個函數的調用，會讓用戶有更長時間的等待感，而無法進行其他操作。下面是一個alert()函數的例子：

alert("Hello world!");
console.log("Done!");

當我們使用alert()函數時，JavaScript 會停止執行，直到用戶關閉彈窗，這樣會占據太多的時間，導致用戶無法正常操作，體驗非常差。為了避免alert()函數的繁瑣操作，我們可以使用confirm()、prompt()來代替alert()，或者使用其他方式來進行提醒。 在開發過程中，了解JavaScript的阻塞行為與響應機制是非常重要的。通過前面的例子，我們可以避免這樣的一些情況，讓用戶的體驗更好。