js深入學習-回呼函數之代碼複用，js深入學習

js深入學習-回呼函數之代碼複用，js深入學習

在js中經常回有一個代碼塊在多個地方重複利用，這種做法不利於代碼的最佳化，同時對於後期人員的維護也是一個麻煩，假如後期人員需要修改重複利用的代碼塊，往往會出現只修改其中一處而導致問題，其實處理很簡單。

把重複利用的代碼塊抽出來單獨寫成一個函數。別的地方直接調用這個函數就行了。

例如有 兩個函數F1，F2，都會執行代碼塊CODE1，我們可以CODE1封裝成F3，

 funcitn F1(){F3} funcitn F2(){F3}

但是實際情況中會出現這種情況，F1中需要執行F3，F4，且F3和F4都是Ajax非同步提交，但是F4必須在F3執行AJAX請求，返回TRUE時，才執行。假如：代碼如下：

 funcitn F1(){F3f4}

肯定是不行，因為F3和F4都是非同步請求，F3還沒有執行完，可能F4已經開始執行了，那麼怎麼樣才能讓F4在F3執行完成後執行了。

但是如果F3還原成代碼塊，肯定 是可以解決的，但是就達不到代碼 複用的效果的。這是我們只要在F3加上一個CallBack參數就行了。

具體代碼如下。

function F3(CallBack){     $.post()        .done(funciton(result){          if(result==true&&callBack)             callBack();        });    }     funciton F2(){     F3(F4)     }}

JS回呼函數

回呼函數可以繼續擴充一個函數的功能，可以是程式非常靈活。
比如：
function showDiv(callback){
$("#div1").show();
callback($("#div1"));
}

showDiv(function($div){
$div.text("hello world");
});
//原本showDiv的功能就是現實一個div，加了callback函數當參數後就可以在執行完show之後改變div中的文字。

一般來說，callback函數用在非同步中的例子比較多，因為在非同步呼叫中，只能通過回呼函數繼續執行某個動作。
例如：
function myThread(callback){
return setTimeout(1000*10,function(){
$("#div").append("<p>hello</p>");//10秒後在div中加一個行，然後在執行callback函數
callback();
});
}
 
什是JS回呼函數

回呼函數就是某個函數執行完畢後執行的函數，沒什麼的啊。比如：
function(callback){
// 代碼
// 以上代碼執行完畢後執行回呼函數
if(typeof callback === "function"){
callback();

}

}
這是因為js中函數可以當做參數直接傳遞進去。