JS回呼函數--簡單易懂有執行個體

標籤：time   檔案   請求   timeout   函數   解釋   font   uri   過程   

著作權聲明：本文為博主原創文章，未經博主允許不得轉載

 

　　初學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請求，比如處理檔案等。

JS回呼函數--簡單易懂有執行個體