js 回调函数 callback 异步超好用

项目中经常会用到异步方法,一不小心就会掉进坑里,昨天就被坑了一下。

我这里对 callback 的认知就是把一个方法当做一个参数传入,然后在代码里面执行完毕之后在调用 callback 方法,它的适用场景非常广泛,不过在异步执行中最能体现它的价值。

简单使用回调函数的demo:

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function disp_alert(callBackFun)
 5 {
 6 alert("我是警告框!!");
 7 callBackFun()
 8 }
 9 </script>
10 </head>
11 <body>
12 
13 <input type="button" onclick="disp_alert(function callFun (){alert('我是callback方法')})" value="显示警告框" />
14 
15 </body>
16 </html>

*模拟的时候请添加 .js 文件*

分析代码中的例子发现,我们把函数传入之后并不是立即就执行的,而是在调用的函数里面通过调用实现的,这就说明我们想在什么时候调用回调方法都可以,

这是一个非常方便的事情,比如我们可以通过 callback 传入参数,根据参数判断状态,继续执行方法等等

原文地址:https://www.cnblogs.com/zxn-9588/p/9341303.html