本章主要講解回調(diào)函數(shù)在jQuery中的使用技巧與實(shí)現(xiàn)原理，概念上的東西看似簡(jiǎn)單，但是在實(shí)際運(yùn)用中要做到靈活自如卻也不是那么容易的事，而且對(duì)于部分開發(fā)者來說它仍然是一個(gè)謎。在閱讀本文之后你能深入理解這個(gè)“回調(diào)函數(shù)”。

函數(shù)是第一類對(duì)象，這是javascript中的一個(gè)重要的概念。意味著函數(shù)可以像對(duì)象一樣按照第一類管理被使用，所以在javaScript中的函數(shù)：

    ?   能“存儲(chǔ)”在變量中

    ?   能作為函數(shù)的實(shí)參被傳遞

    ?   能在函數(shù)中被創(chuàng)建

    ?   能從函數(shù)中返回    

百科里面是這么解釋的：

回調(diào)函數(shù)就是一個(gè)通過函數(shù)指針調(diào)用的函數(shù)。如果你把函數(shù)的指針（地址）作為參數(shù)傳遞給另一個(gè)函數(shù)，當(dāng)這個(gè)指針調(diào)用它所指向的函數(shù)時(shí)，我們就說這是回調(diào)函數(shù)?；卣{(diào)函數(shù)不是由該函數(shù)的實(shí)現(xiàn)方直接調(diào)用，而是在特定的事件或條件發(fā)生時(shí)由另外的一方調(diào)用的，用于對(duì)該事件或條件進(jìn)行響應(yīng)。

因此從上面可以看出來，回調(diào)本質(zhì)上是一種設(shè)計(jì)原則，并且jQuery的設(shè)計(jì)原則遵循了這個(gè)模式。

在后端的編程語(yǔ)言中，傳統(tǒng)函數(shù)以參數(shù)形式輸入數(shù)據(jù)，并且使用返回語(yǔ)句返回值。理論上，在函數(shù)結(jié)尾處有一個(gè)return返回語(yǔ)句，結(jié)構(gòu)上就是：一個(gè)輸入和一個(gè)輸出。簡(jiǎn)單的理解函數(shù)本質(zhì)上就是輸入和輸出之間實(shí)現(xiàn)過程的映射。

但是，當(dāng)函數(shù)的實(shí)現(xiàn)過程非常漫長(zhǎng)，你是選擇等待函數(shù)完成處理，還是使用回調(diào)函數(shù)進(jìn)行異步處理呢？這種情況下，使用回調(diào)函數(shù)變得至關(guān)重要，例如：AJAX請(qǐng)求。若是使用回調(diào)函數(shù)進(jìn)行處理，代碼就可以繼續(xù)進(jìn)行其他任務(wù)，而無(wú)需空等。實(shí)際開發(fā)中，經(jīng)常在javascript中使用異步調(diào)用。

jQuery中遍地都是回調(diào)的設(shè)計(jì)：

異步回調(diào)：

事件句柄回調(diào)

$(document).ready(callback);
$(document).on(‘click’,callback)

Ajax異步請(qǐng)求成功失敗回調(diào)

$.ajax({
  url: "aaron.html",
  context: document
}).done(function() { 
        //成功執(zhí)行
}).fail(function() {
        //失敗執(zhí)行
);

動(dòng)畫執(zhí)行完畢回調(diào)

$('#clickme').click(function() {
    $('#book').animate({
        opacity: 0.25,
        left: '+=50',
        height: 'toggle'
    }, 5000, function() {
        // Animation complete.
    });
});

以上都是jQuery的回調(diào)直接運(yùn)用，運(yùn)用基本都是將匿名函數(shù)作為參數(shù)傳遞給了另一個(gè)函數(shù)或方法。而且以上都有一個(gè)特點(diǎn)，執(zhí)行的代碼都是異步的。

同步回調(diào)：

當(dāng)然回調(diào)不僅僅只是處理異步，一般同步(很耗時(shí)的任務(wù))的場(chǎng)景下也經(jīng)常用到回調(diào)，比如要求執(zhí)行某些操作后執(zhí)行回調(diào)函數(shù)。

一個(gè)同步(阻塞)中使用回調(diào)的例子，目的是在test1代碼執(zhí)行完成后執(zhí)行回調(diào)callback

var test1 = function(callback) {
    //執(zhí)行長(zhǎng)時(shí)間操作
    callback();
}
test1(function() {
    //執(zhí)行回調(diào)中的方法
});

所以理解回調(diào)函數(shù)最重要的2點(diǎn)：

1、一個(gè)回調(diào)函數(shù)作為參數(shù)傳遞給另一個(gè)函數(shù)是，我們僅僅傳遞了函數(shù)定義。我們并沒有在參數(shù)中執(zhí)行函數(shù)。我們并不傳遞像我們平時(shí)執(zhí)行函數(shù)一樣帶有一對(duì)執(zhí)行小括號(hào)()的函數(shù)

2、回調(diào)函數(shù)并不會(huì)馬上被執(zhí)行，它會(huì)在包含它的函數(shù)內(nèi)的某個(gè)特定時(shí)間點(diǎn)被“回調(diào)”。