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)     }}