异步 JavaScript
"稍后完成！"
与其它函数并行运行的函数称为异步函数
JavaScript setTimeout() 是一个很好的例子
异步 JavaScript
上一章使用的示例非常简化。
示例的目的是演示回调函数的语法
示例
function myDisplayer(something) {
document.getElementById("demo").innerHTML = something;
}
function myCalculator(num1, num2, myCallback) {
let sum = num1 + num2;
myCallback(sum);
}
myCalculator(5, 5, myDisplayer);
在上面的示例中，myDisplayer 是一个函数的名称。
它作为参数传递给 myCalculator()。
在实际应用中，回调函数最常用于异步函数。
一个典型的例子是 JavaScript 的 setTimeout()。
等待超时
使用 JavaScript 函数 setTimeout() 时，你可以指定一个回调函数在超时后执行
示例
setTimeout(myFunction, 3000);
function myFunction() {
document.getElementById("demo").innerHTML = "我爱你！！";
}
在上面的示例中，myFunction 被用作回调函数。
myFunction 作为参数传递给 setTimeout()。
3000 是超时前的毫秒数，所以 myFunction() 将在 3 秒后被调用。
注意
将函数作为参数传递时，请记住不要使用括号。
正确：setTimeout(myFunction, 3000);
错误：setTimeout(myFunction(), 3000);
与其将一个函数的名称作为参数传递给另一个函数，不如始终传递整个函数
示例
setTimeout(function() { myFunction("我爱你！！！"); }, 3000);
function myFunction(value) {
document.getElementById("demo").innerHTML = value;
}
在上面的示例中，function(){ myFunction("I love You !!!"); } 被用作回调函数。它是一个完整的函数。整个函数作为参数传递给 setTimeout()。
3000 是超时前的毫秒数，所以 myFunction() 将在 3 秒后被调用。
等待间隔
使用 JavaScript 函数 setInterval() 时，你可以指定一个回调函数在每个间隔执行
示例
setInterval(myFunction, 1000);
function myFunction() {
let d = new Date();
document.getElementById("demo").innerHTML=
d.getHours() + ":" +
d.getMinutes() + ":" +
d.getSeconds();
}
在上面的示例中，myFunction 被用作回调函数。
myFunction 作为参数传递给 setInterval()。
1000 是间隔之间的毫秒数，所以 myFunction() 将每秒调用一次。
回调函数的替代方案
通过异步编程，JavaScript 程序可以启动耗时任务，并继续并行运行其他任务。
但是，异步程序很难编写和调试。
因此，大多数现代异步 JavaScript 方法不使用回调函数。相反，在 JavaScript 中，异步编程使用Promises 来解决。
注意
你将在本教程的下一章中学习 Promise。
