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

163 阅读 0 评论 108 点赞

我是靠谱客的博主傻傻洋葱，最近开发中收集的这篇文章主要介绍JavaScript回调(callback)函数概念自我理解及示例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

此文适合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> 