JS回調函數實例

一、總結

一句話總結：

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

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

 

 

1、回調函數英文定義？

A callback is a function that is passed as an argument to another function and is executed after its parent function has completed。

 

 

2、回調函數實例？

function A(callback) {callback();}

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

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

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

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

 

3、回調函數一般用來做什么？

回調函數都用在耗時操作上面：因為主函數不用等待回調函數執行完，可以接着執行自己的代碼。比如ajax請求，比如處理文件等。

 

 

 

 

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

轉自或參考：JS回調函數--簡單易懂有實例
https://www.cnblogs.com/lishuxue/p/5999682.html

 

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