JS回调函数 callback的理解与使用案例分析
人气:0本文实例讲述了JS回调函数 callback的理解与使用。分享给大家供大家参考,具体如下:
基本理解一个概念
回调函数回头再调用函数,等主干事情干完了,再回头干分支上的事情。
官方定义
A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.
实例1
//定义主函数,回调函数作为参数 function A(callback) { callback(); console.log('我是主函数'); } //定义回调函数 function B(){ setTimeout("console.log('我是回调函数')", 3000);//模仿耗时操作 } //调用主函数,将函数B传进去 A(B);
输出结果:
我是主函数
我是回调函数
实例2
function a() { console.log("执行a函数"); setTimeout(function(){ console.log("执行a函数的延迟函数"); },1000); function b() { console.log("执行函数b"); ); a(); b(); };
输出结果
以上代码会先执行函数a,而且不会等到a中的延迟函数执行完才执行函数b, 在延迟函数被触发的过程中就执行了函数b,当js引擎的event 队列空闲时才会去执行队列里等待的setTimeout的回调函数,这就是一个异步的例子
调用 setTimeout 函数会在一个时间段过去后在队列中添加一个消息。这个时间段作为函数的第二个参数被传入。如果队列中没有其它消息,消息会被马上处理。但是,如果有其它消息,setTimeout 消息必须等待其它消息处理完。因此第二个参数仅仅表示最少的时间 而非确切的时间
所以即使,时间设置为0,也是会照样先执行函数b
结语
回调函数广泛运用在同步(sync)和异步(async)
常见的:
还需要深挖:js单线程和js异步
浏览器常驻三大线程: js引擎线程,GUI渲染线程,浏览器事件触发线程
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
加载全部内容