1. 程式人生 > >JavaScript中的回調函數

JavaScript中的回調函數

內容 別人 函數作為參數 tps spa 必須 被調用 文章 pass

回調的英文定義:A callback is a function that is passed as an argument to another function and is executed after its parent function has completed。

字面上的理解,回調函數就是一個參數,將這個函數作為參數傳到另一個函數裏面,當那個函數執行完之後,再執行傳進去的這個函數。這個過程就叫做回調。

回調,就是回頭調用的意思。主函數的事先幹完,回頭再調用傳進來的那個函數。

舉一個別人舉過的例子:約會結束後你送你女朋友回家,離別時,你肯定會說:“到家了給我發條信息,我很擔心你。” 對不,然後你女朋友回家以後還真給你發了條信息。小夥子,你有戲了。其實這就是一個回調的過程。你留了個參數函數(要求女朋友給你發條信息)給你女朋友,然後你女朋友回家,回家的動作是主函數。她必須先回到家以後,主函數執行完了,再執行傳進去的函數,然後你就收到一條信息了。

用代碼說話。

//定義主函數,回調函數作為參數
function A(callback) {
    callback();  
    console.log(‘我是主函數‘);      
}

//定義回調函數
function B(){
    setTimeout("console.log(‘我是回調函數‘)", 3000);//模仿耗時操作  
}

//調用主函數,將函數B傳進去
A(B);

//輸出結果
我是主函數
我是回調函數

上面的代碼中,我們先定義了主函數和回調函數,然後再去調用主函數,將回調函數傳進去。

定義主函數的時候,我們讓代碼先去執行callback()回調函數,但輸出結果卻是後輸出回調函數的內容。

這就說明了主函數不用等待回調函數執行完,可以接著執行自己的代碼。所以一般回調函數都用在耗時操作上面。比如ajax請求,比如處理文件等

對普通函數的調用:調用程序發出對普通函數的調用後,程序執行立即轉向被調用函數執行,直到被調用函數執行完畢後,再返回調用程序繼續執行

對回調函數的調用:調用程序發出對回調函數的調用後,不必等函數執行完畢,立即返回並繼續執行。

文章引用IT男青年博客:https://blog.csdn.net/linshichen/article/details/78327278

JavaScript中的回調函數