雨枫技术教程网

前言：

作为参数传递给另一个函数执行的函数我们称为回调函数，那么该回调又是否是异步的呢，何谓异步，如：作为事件处理器，或作为参数传递给

(setTimeout，setInterval)这样的异步函数，或作为ajax发送请求，应用于请求各种状态的处理，我们可以称为异步回调，jQuery.Callbacks

为我们封装了一个回调对象模块，我们先来看一个应用场景：
 

// 为什么jQuery中的ready事件可以执行多个回调，这得益于我们的jQuery.Deferred递延对象(是基于jQuery.Callbacks回调模块)  
jQuery(function($) {  
    console.log('document is ready!');  
    // do something  
});  
 
jQuery(function($) {  
    // do something  
});  
 
// 实现原型  
// jQuery.Deferred版代码  
var df = jQuery.Deferred();  
df.resolve(); // 在ready事件中调用  
 
// 可以多次执行绑定的函数  
df.done(fn1, fn2, fn3);  
df.done(fn4);  
// ...  
 
 
// jQuery.Callbacks版代码  
var cb = jQuery.Callbacks('once memory');  
cb.fire(); // 在ready事件中调用  
 
// 可以多次执行绑定的函数  
cb.add(fn1, fn2, fn3);  
cb.add(fn4);  
// ... 

现在我们知道jQuery中的ready事件是可以这样执行多个回调的，要想深入理解其源码，让我们继续看下面吧

一、jQuery.Callbacks设计思路

使用一个私有变量list(数组)存储回调，执行jQuery.Callbacks函数将返回一个可以操作回调列表list的接口对象，
而传入jQuery.Callbacks函数的options参数则用来控制返回的回调对象操作回调列表的行为

回调对象中的方法
 

{  
    add:        增加回调到list中  
    remove:     从list中移除回调  
    fire:       触发list中的回调  
    fired:      回调对象是否执行过fire方法  
    fireWith:   触发list中的回调，第一个参数为执行域  
    has:        判断函数是否在list中  
    empty:      将list致空，list = [];  
    lock:       锁定list  
    locked:     是否锁定  
    disable:    禁用回调对象  
    disabled:   是否禁用  
} 

参数标志:

options = {  
    once:       回调对象仅触发(fire)一次  
 
    memory:     跟踪记录每一次传递给fire函数的参数，在回调对象触发后(fired)，  
                将最后一次触发(fire)时的参数(value)传递给在add操作后即将被调用的回调  
 
    unique:     在add操作中，相同的函数仅只一次被添加(push)到回调列表中  
 
    stopOnFalse:当回调函数返回false，中断列表中的回调循环调用，且memory === false，阻止在add操作中将要触发的回调  
}