javascript 回掉函数

Javascript中，回调函数已成为一种很常见的编程技巧。回调函数结合了Javascript的函数式编程特性，使得我们可以更加高效地编写代码，实现更加复杂的功能。

回调函数是指在函数执行完毕后，调用传递过来的另一个函数。在Javascript中，回调函数常常作为一个参数传递给另一个函数，并在另一个函数执行完成后被调用。这种方式十分常见，既可以用来处理异步任务，也可以让我们更加灵活地编写函数。

function sum(a, b, callback) {
    let result = a + b;
    callback(result);
}
sum(1, 2, function(result) {
    console.log(result);
}
    );

在上面的代码中，我们定义了一个计算两个数之和的函数sum，并在它的第三个参数中传递了一个回调函数。当函数sum执行完毕后，它会回调传递进来的函数，并将计算结果传递给它。

回调函数可以让我们更加方便地处理异步任务。例如，我们可以使用回调函数处理一个ajax请求的响应结果：

function request(url, callback) {
    let xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
    callback(xhr.responseText);
}
 else {
    console.error('请求失败');
}
}
}
    xhr.open('GET', url, true);
    xhr.send(null);
}
request('https://jsonplaceholder.typicode.com/todos/1', function(response) {
    console.log(response);
}
    );
    

上面的代码中，我们定义了一个request函数，用来发送ajax请求。在它的第二个参数中传递了一个回调函数。当ajax请求成功后，它会回调传递进来的函数，并将响应结果传递给它。

回调函数还可以作为一个方法传递给另一个对象。例如，我们可以将一个函数作为click事件的回调函数：

let button = document.querySelector('#myButton');
button.addEventListener('click', function() {
    console.log('你点击了按钮');
}
    );
    

上面的代码中，我们定义了一个button元素，并为它添加了一个click事件的回调函数。

回调函数是Javascript编程中很常见的一个技巧。掌握回调函数的使用方法，可以让你更加高效地编写代码，实现更加复杂的功能。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！