JavaScript回调(callback)函数概念自我理解及示例

2024-05-06 14:37:55

字体：大中小

来源：转载

供稿：网友

此文适合JavaScript入门级选手阅读，高手就可以飘过了。

先扯点闲话。在中国，有这么一种现象：不管什么词或者概念，总会有些人把这些东西解释的神乎其神，貌似搞得别人听不懂就觉得自己很厉害的样子。其实不知道有多2。我个人比较崇尚简洁明了。什么词，什么概念，如果你能用简短的一两句话让大家听明白，这才是本事。好了，闲话不扯了，进入正题。

在JavaScript里什么叫Callback“回调函数”，用我的话来讲就是把方法b当做一个参数传递个方法a，当方法a执行完后执行另外一个指定函数（这里是b函数）。来看个列子：
代码如下:
<html>
<head>
<title>Callback function test</title>
<script language="javascript" type="text/javascript">
function main(callback)
{
alert("I am main function");
alert("Invoke callback function..");
callback();
}
function b(){
alert("I am callback function: b");
}
function c(){
alert("I am callback function: c");
}

function test() {
main(b);
main(c);
}

</script>
</head>
<body>
<button onClick="test()">click me</button>
</body>
</html>

这里面main（b），那么b就称作回调函数，是不是很好理解？那有人会说我为什么不可以把b的调用放到main函数里呢？确实可以，但是那样你的main方法就只能调用b了。这里我们将b传递个main，或者a传递个main，那main里面的callback方法就是动态的回调函数。优点就在这里。

上一篇：JavaScript 上万关键字瞬间匹配实现代码

下一篇：JS实现简单的Canvas画图实例