回调函数是在现代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/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 requestif (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），使代码难以阅读和维护。
上一篇：css按钮如何添加事件
下一篇：css按钮发光闪烁
