异步代码的特点:书写顺序与执行顺序不同。
console.log(1)
setTimeout(function(){
console.log(2)
},0)
console.log(3)
上面代码的书写顺序是1->2->3,但执行顺序是1->3->2。中间的sonsole.log(2)就是异步执行的。【代码的书写顺序和执行顺序可以不同哒~】
什么是异步?
先看看什么是同步:一定要等任务执行完了,得到结果,才执行下一个任务。
function taskSync = function(){
return '同步任务的返回值;
}
var result = taskSync() //result就是同步任务的结果
otherTask() //执行下一个任务
异步:不等任务执行完,直接执行下一个任务。
function taskAsync = function(){
var result = setTimeout(function(){
console.log('异步任务的结果')
},3000)
return result
}
var result = taskAsync() //result不是异步任务的结果,而是一个timer id
otherTask() //立即执行其他任务,不等异步任务结束
我们异步执行的结果,而是一个timer id,通过回调可以得到异步结果:
function taskAsync = function(callback){
var result = setTimeout(function(){
callback('异步任务的结果')
},3000)
return result
}
taskAsync(function callback(result){
consolr.log(result) //三秒钟后,这个callback函数会被执行
})
otherTask() //立即执行
所以【回调】经常用于获取【异步任务】的结果
什么是回调
A "callback" is any function that is called by another function which takes the first function as a parameter.
在一个函数中调用另外一个函数就是callback
function callback(){
alert("I am in the callback!");
}
function work(func){
alert("I am calling the callback!");
func();
}
work(callback);
回调函数在什么场景有用?
我要在特定的时候执行一个任务,至于是什么时候我自己都不知道。比如某一时间到了或者某一时间发生或者某一中断触发。
回调函数怎么起作用?
把我要执行的这个任务写成一个函数,将这个函数和某一时间或者某时间或者中断简历关联。当这个关联完成的时候,这个函数华丽的从普通函数变身成为回调函数。
回调函数什么时候执行?
当该回调函数关心的那个时间或者时间或者中断触发的时候,毁掉函数将被执行。一般是触发这个时间、时间或中断的程序主体(通常是个函数或者对象)观察到有一个关注这个东东的回调函数的时候,这个主体负责调用这个回调函数。
回调函数有什么好处?
最大的好处就是你的程序变成异步了。也就是你不必再调用这个函数的时候一直等待这个时间的到达、事件的触发或中断的发生(万一一直不发生,你的程序会怎样?)。在此期间你可以做别的事情。当回调函数被执行时,你的程序重新得到执行的机会,此时你可以继续做必要的事情了。
回调函数有什么问题吗?
既然有人问,当然就会有点问题,一个是学习成本比普通函数高,需要有一定的抽象思维能力,需要对应场景的理解。
另一个是回调函数很多情况下会附带有跨线程操作甚至于跨进程的操作,这些都是异步带来的成本。