javascript

位置:IT落伍者 >> javascript >> 浏览文章

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


发布日期:2020年07月13日
 
JavaScript回调(callback)函数概念自我理解及示例

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

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

在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方法就是动态的回调函数优点就在这里

上一篇:js操作checkbox遇到的问题解决

下一篇:简单几行JS Code实现IE邮件转发新浪微博