JavaScript中最簡單的交互方式就是使用alert彈出對話框，提示用戶一些信息。但是alert會阻塞執行，這意味著當alert彈出時，代碼會停止執行，直到用戶點擊對話框中的“確認”按鈕。這種阻塞可能會導致用戶體驗下降，代碼出現延遲或者卡頓現象。

舉個例子，當一個用戶在網站上進行一些操作時，他或她可能需要等待一段時間才能看到與他或她的操作相關的結果。函數內部可能含有ajax異步請求等相關代碼。當代碼執行到alert時，它將停止執行，并且等待用戶在對話框中輸入或單擊確認按鈕。這在某些情況下會顯著影響性能和用戶體驗。

function testFunction(){
//請求ajax異步請求,耗費2s以上時間
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
//處理結果
}
}
xmlhttp.open("GET","example.com",true);
xmlhttp.send();
// 在 alert 對話框中顯示一條消息
alert("結果已經在處理中！請稍等片刻...")
}
testFunction()

盡管alert彈出后會暫停腳本的執行，但由于JavaScript引擎在執行alert時仍在運行，因此您仍然可以在alert彈出期間處理UI事件（例如，按鈕點擊）。請注意，如果您嘗試使用setTimeout（）方法來避免阻塞，但仍然希望在彈出的alert對話框中呈現一條消息，則不會工作。

為了避免這種情況，可以嘗試使用Promise。Promise是ES6引入的一種新的異步編程模型，其目的是為JavaScript提供更好的可讀性和可維護性。 Promise通過then()和catch()來處理異步操作的結果和錯誤?？梢酝ㄟ^使用Promise.promisify（）翻譯callback API，將它們轉換為Promise。

function testFunction(){
var request=require('request');//引入request依賴    
var promise= new Promise((resolve, reject) =>{
request.get('http://example.com', (err, res) =>{
if (err) {
reject(err);
} else {
resolve(res.body);
}
});
});    
promise.then((data) =>{
//處理結果
}).catch((error) =>{
//錯誤處理
});
// 在 alert 對話框中顯示一條消息
alert("結果已經在處理中！請稍等片刻...")
}
testFunction()

總之，alert可以在JavaScript中使用簡單的交互方式，但會影響用戶體驗。要避免代碼阻塞，請使用Promise等其他方法來處理異步操作。