jQuery源码分析系列：Callback深入

àì夳堔傛蜴生んèń 2022-05-10 23:20 237阅读 0赞

# [jQuery源码分析系列：Callback深入][jQuery_Callback] #

关于Callbacks [http://www.cnblogs.com/aaronjs/p/3342344.html][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

![复制代码][copycode.gif]

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")]
    ],

![复制代码][copycode.gif]

--------------------

**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保持以前的值，将添加到这个列表的后面的最新的值立即执行调用任何回调

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

![复制代码][copycode.gif]

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" );

![复制代码][copycode.gif]

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

![复制代码][copycode.gif]

组合

![复制代码][copycode.gif]

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" );

![复制代码][copycode.gif]

[![image][]][image 1]

如果您看完本篇文章感觉不错，请点击一下右下角的**【推荐】**来支持一下博主，谢谢！

如果是原创文章，转载请注明出处！！！

by Aaron：[https://www.cnblogs.com/aaronjs/p/3713750.html][jQuery_Callback]

[jQuery_Callback]: https://www.cnblogs.com/aaronjs/p/3713750.html
[http_www.cnblogs.com_aaronjs_p_3342344.html]: http://www.cnblogs.com/aaronjs/p/3342344.html
[copycode.gif]: /images/20220511/513731c519b9456299beafb7fda23da4.png
[image]: /images/20220511/3d55ba420c724c8a82e60796727853b7.png
[image 1]: https://images0.cnblogs.com/blog/329084/201405/071521565429530.png