JQuery眾多常用方法中很經常會用到回調函數, 理解好js callback函數定義及用法,我們就可以利用callback函數幫我們做很多事情啦!
A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.
這是js對callback函數的解析,意思是:callback函數是一個以參數形式傳遞給另一個函數的函數,并且該函數(指callback函數)必須等另一個函數執行完才會被調用!(當被調用時,另一個函數就是callback函數的父函數)。
理解起來可能有點繞,通俗點的例子:
函數a有一個參數,這個參數是個函數b,當函數a執行完以后執行函數b。那么這個過程就叫回調。
這里必須強調的一點:函數b是你以參數形式傳給函數a的,那么函數b被調用時就叫回調函數。
疑問:
函數一定要以參數形式傳過去嗎,直接在函數a里面調用函數b不也可以實現callback函數的功能嗎?
解答:
使用函數做參數就有下面的好處:當你a(b)的時候函數b就成了回調函數,而你還可以a(c)這個時候,函數c就成了回調函數。如果你直接在函數a里調用的話,這個回調函數就被限制死了。如果你寫成了function a(){...;b();}就失去了變量的靈活性。
來個最簡單的示例:
<script>
function a(callback){
alert("主函數執行完了!");
callback();
}
function b(){
alert("回調函數b!");
}
function c(){
alert("回調函數c!");
}
// callback函數以參數形式傳遞,保證變量的靈活性
a(b);
a(c);
</script>