zoukankan      html  css  js  c++  java
  • 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" );

    image

  • 相关阅读:
    记录优雅的pythonic代码
    记录python学习过程中的一些小心得
    关于理解python类的小题
    CSS3之属性选择器
    CSS3之初始
    HTML5+CSS3之离线web应用
    HTML5+CSS3之响应式视频以及iFrame下插入响应式视频的解决方案
    HTML5+CSS3之播放视频以及在IE8及以下的解决方案
    HTML5+CSS3响应式设计(二)
    HTML5+CSS3响应式设计(一)
  • 原文地址:https://www.cnblogs.com/aaronjs/p/3713750.html
Copyright © 2011-2022 走看看