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請求,比如處理文件等。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM