JS回調(diào)函數(shù) callback的理解與使用案例分析

第JS回調(diào)函數(shù)callback的理解與使用案例分析本文實(shí)例講述了JS回調(diào)函數(shù)callback的理解與使用。分享給大家供大家參考，具體如下：

基本理解一個(gè)概念

回調(diào)函數(shù)回頭再調(diào)用函數(shù)，等主干事情干完了，再回頭干分支上的事情。

官方定義

Acallbackisafunctionthatispassedasanargumenttoanotherfunctionandisexecutedafteritsparentfunctionhascompleted.

實(shí)例1

//定義主函數(shù)，回調(diào)函數(shù)作為參數(shù)

functionA(callback){

callback();

console.log(我是主函數(shù)

//定義回調(diào)函數(shù)

functionB(){

setTimeout(console.log(我是回調(diào)函數(shù)),3000);//模仿耗時(shí)操作

//調(diào)用主函數(shù)，將函數(shù)B傳進(jìn)去

A(B);

輸出結(jié)果：

我是主函數(shù)

我是回調(diào)函數(shù)

實(shí)例2

functiona(){

console.log(執(zhí)行a函數(shù)

setTimeout(function(){

console.log(執(zhí)行a函數(shù)的延遲函數(shù)

},1000);

functionb(){

console.log(執(zhí)行函數(shù)b

a();

b();

輸出結(jié)果

以上代碼會(huì)先執(zhí)行函數(shù)a,而且不會(huì)等到a中的延遲函數(shù)執(zhí)行完才執(zhí)行函數(shù)b,在延遲函數(shù)被觸發(fā)的過(guò)程中就執(zhí)行了函數(shù)b,當(dāng)js引擎的event隊(duì)列空閑時(shí)才會(huì)去執(zhí)行隊(duì)列里等待的setTimeout的回調(diào)函數(shù)，這就是一個(gè)異步的例子

調(diào)用setTimeout函數(shù)會(huì)在一個(gè)時(shí)間段過(guò)去后在隊(duì)列中添加一個(gè)消息。這個(gè)時(shí)間段作為函數(shù)的第二個(gè)參數(shù)被傳入。如果隊(duì)列中沒(méi)有其它消息，消息會(huì)被馬上處理。但是，如果有其它消息，setTimeout消息必須等待其它消息處理完。因此第二個(gè)參數(shù)僅僅表示最少的時(shí)間而非確切的時(shí)間

所以即使，時(shí)間設(shè)置為0，也是會(huì)照樣先執(zhí)行函數(shù)b

結(jié)語(yǔ)

回調(diào)函數(shù)廣泛運(yùn)用在同步（sync）和異步（async）

常見(jiàn)的：

還需要深