当前位置：Gxlcms > JavaScript > JavaScript回调(callback)函数概念自我理解及示例

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

时间：2021-07-01 10:21:17 帮助过：4人阅读

此文适合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回调(callback)函数概念自我理解及示例

人气教程排行