回調函數（Callback Function）是JavaScript中的一種特殊函數，它的作用是將函數作為參數傳遞給另一個函數，在該函數完成后，將回調函數作為參數執行。它是現代JavaScript編程中最常用的一種函數形式之一。
回調函數是在現代JavaScript中最常用的一種函數形式之一，特別是在異步編程中。比如，如果我們需要在頁面加載完成后執行某些操作，而此時頁面處于異步狀態，我們可以將回調函數以參數的形式傳遞給該異步函數，以確保操作在頁面加載完成后執行。以下是一些關于回調函數的常見例子。
- 在網頁中發送HTTP請求：我們可以使用XMLHttpRequest對象來向服務器發送HTTP請求，并將回調函數作為參數傳遞，以確保在服務器返回響應后執行操作。

function sendHTTPRequest(url, callback) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
callback(xhr.responseText);
}
};
xhr.open('GET', url, true);
xhr.send();
}
function handleResponse(responseText) {
console.log(responseText);
}
sendHTTPRequest('https://example.com/data', handleResponse);

- 在頁面上進行事件監聽：在事件監聽中，我們可以將回調函數作為事件的處理程序，以確保在特定事件發生時執行操作。

document.getElementById('myButton').addEventListener('click', function() {
alert('Button clicked');
});

- 在JavaScript Promise中使用回調函數：Promise是一種封裝了異步操作的對象。在Promise中，我們可以使用回調函數確保異步操作在Promise對象被解決/拒絕后執行。

function getData() {
return new Promise(function(resolve, reject) {
// send HTTP request
if (requestSuccessful) {
resolve(data);
} else {
reject('Error getting data');
}
});
}
getData().then(function(data) {
console.log(data);
}).catch(function(errorMsg) {
console.log(errorMsg);
});

總的來說，回調函數是一種強大的編程工具，它使我們能夠處理異步操作，同時也是我們在事件監聽、Promise、Ajax請求等方面編寫高效代碼的必備技能。需要注意的是，如何恰當使用回調函數是一個值得探索的強堅難題。如果使用不當，就會導致JavaScript中的回調地獄（Callback Hell），使代碼難以閱讀和維護。