【轉】JS回調函數--簡單易懂有實例

JS回調函數--簡單易懂有實例

　　初學js的時候，被回調函數搞得很暈，如今回過頭來總結一下什麼是回調函數。

　　咱們先來看看回調的英文定義：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請求，好比處理文件等。