jQuery源码分析系列：Callback深入

关于Callbacks http://www.cnblogs.com/aaronjs/p/3342344.html

$.Callbacks()的内部提供了jQuery的$.ajax() 和
$.Deferred() 基本功能组件

在针对ajax处理中，用的最多的就是once memory的组合

/**

 * 所有的回调队列，不管任何时候增加的回调保证只触发一次

 * @type {[type]}

 */

completeDeferred = jQuery.Callbacks("once memory"),

在Deferred中的done与fail

var tuples = [

    // action, add listener, listener list, final state

    ["resolve", "done", jQuery.Callbacks("once memory"), "resolved"],

    ["reject", "fail", jQuery.Callbacks("once memory"), "rejected"],

    ["notify", "progress", jQuery.Callbacks("memory")]

],

once,memory

确保这个回调列表只执行（ .fire() ）一次(像一个递延 Deferred).

保持以前的值，将添加到这个列表的后面的最新的值立即执行调用任何回调 (像一个递延 Deferred).

once的时候只允许add一次，在触发fire之后就会理清掉list

disable: function() {

                    list = stack = memory = undefined;

                    return this;

                },

所以后续的操作都是无用的

memory方法就比较特殊了， 有点类似deferred的感觉，就是能够等全部的add都加载完毕后才触发

memory的实现思路就是在add的时候直接触发fire,从而再次执行list列表

firingStart = start;

 fire(memory);

因为memory是基于在当前add的时候出发fire保持以前的值，将添加到这个列表的后面的最新的值立即执行调用任何回调

那么就只会递归出包括当前以前的所有队列

var callbacks = $.Callbacks("memory");

callbacks.add( fn1 );

callbacks.fire( "1" );
callbacks.add( fn1 );

callbacks.fire( "2" );
callbacks.add( fn1 );

callbacks.fire( "3" );
callbacks.add( fn1 );

callbacks.fire( "4" );

fn1 says: 1

fn1 says: 1

fn1 says: 2

fn1 says: 2

fn1 says: 2

fn1 says: 3

fn1 says: 3

fn1 says: 3

fn1 says: 3

fn1 says: 4

fn1 says: 4

fn1 says: 4

fn1 says: 4

组合

var callbacks = $.Callbacks("once,memory");

callbacks.add( fn1 );

callbacks.fire( "1" );
callbacks.add( fn1 );

callbacks.fire( "2" );
callbacks.add( fn1 );

callbacks.fire( "3" );
callbacks.add( fn1 );

callbacks.fire( "4" );

如果您觉得这文章对您有帮助，请点击【推荐一下】,想跟我一起进步么？那就【关注】我吧！