jQuery.when()方法是jQuery内部使用回调机制的范例。

// 参数为多个方法,这些方法全部执行完成之后执行回调
when: function( subordinate /* , ..., subordinateN */ ) {
  var i = 0,

  // 将传入的参数切成数组
  resolveValues = core_slice.call( arguments ),
  length = resolveValues.length,

  // 未执行完成的方法 、
  remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,

  // 当未执行完成的方法只剩一个时,生成deferred对象
  deferred = remaining === 1 ? subordinate : jQuery.Deferred(),

  //

  updateFunc = function( i, contexts, values ) {
    return function( value ) {
      contexts[ i ] = this;
      values[ i ] = arguments.length > 1 ? core_slice.call( arguments ) : value;

      // 如果所有方法都正在执行
      if( values === progressValues ) {

        // 调用deferred对象的notifyWith方式,实际是就是调用Callback的fireWith方法,该方法会判断是将回调放入回到函数栈还是直接触发
        deferred.notifyWith( contexts, values );

      // 否则,如果全都执行完毕
      } else if ( !( --remaining ) ) {
        deferred.resolveWith( contexts, values );
      }
    };
  },

  progressValues, progressContexts, resolveContexts;

  // 如果参数数量大于1
  if ( length > 1 ) {

    // 新建一个length长度等于参数数量的数组并复制给progressValues
    progressValues = new Array( length );

    // 新建一个length长度等于参数数量的数组并复制给progressContexts
    progressContexts = new Array( length );

    // 新建一个length长度等于参数数量的数组并复制给resolveContexts
    resolveContexts = new Array( length );

    
    for ( ; i < length; i++ ) {

      // 如果存在第i个传入的方法,并且该方法有一个promise属性也是一个方法(说明该方法会返回一个promise对象)
      if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) {

        // 监控该方法是否完成,分别调用响应的回调函数
        resolveValues[ i ].promise()

          // 如果完成,则执行updateFunc方法
          .done( updateFunc( i, resolveContexts, resolveValues ) )

          // 如果失败,则直接标记deferred失败
          .fail( deferred.reject )

          // 如果正在执行,也调用updateFunc方法
          .progress( updateFunc( i, progressContexts, progressValues ) );
      } else {

        // 如果不存在第i个方法,remaining减1
        --remaining;
      }
    }
  }

  // 如果已经没有方法未执行完成,调用deferred的resolveWith方法
  if ( !remaining ) {
    deferred.resolveWith( resolveContexts, resolveValues );
  }

  // 返回deferred.promise方法(相当于提供了一个所有方法都执行完成的回调)

  return deferred.promise();
}

jQuery的回调管理机制(三)的更多相关文章

  1. jQuery的回调管理机制(二)

    jQuery.extend({ /*  * deferred对象的一大好处,就是它允许你自由添加多个回调函数. * $.ajax("test.html")   .done(func ...

  2. jQuery的回调管理机制

    // 对option的一个缓存,避免每次都需要createOptions,option是创建Callback对象时的传入的参数// 每个option被存入optionsCache中类似于{memory ...

  3. NameNode元数据的管理机制(三)

    元数据的管理: 第一步:客户端通过DistributedFilesystem 对象中的creat()方法来创建文件,此时,RPC会 通过一个RPC链接协议来调用namenode,并在命名空间中创建一个 ...

  4. 你必须了解的java内存管理机制(三)-垃圾标记

    本文在个人技术博客不同步发布,详情可用力戳 亦可扫描屏幕右侧二维码关注个人公众号,公众号内有个人联系方式,等你来撩... 相关链接(注:文章讲解JVM以Hotspot虚拟机为例,jdk版本为1.8) ...

  5. mybatis深入理解(三)-----MyBatis事务管理机制

    MyBatis作为Java语言的数据库框架,对数据库的事务管理是其非常重要的一个方面.本文将讲述MyBatis的事务管理的实现机制.首先介绍MyBatis的事务Transaction的接口设计以及其不 ...

  6. ARC内存管理机制详解

    ARC在OC里面个人感觉又是一个高大上的牛词,在前面Objective-C中的内存管理部分提到了ARC内存管理机制,ARC是Automatic Reference Counting---自动引用计数. ...

  7. Linux中断管理 (1)Linux中断管理机制

    目录: <Linux中断管理> <Linux中断管理 (1)Linux中断管理机制> <Linux中断管理 (2)软中断和tasklet> <Linux中断管 ...

  8. C#中??和?分别是什么意思? 在ASP.NET开发中一些单词的标准缩写 C#SESSION丢失问题的解决办法 在C#中INTERFACE与ABSTRACT CLASS的区别 SQL命令语句小技巧 JQUERY判断CHECKBOX是否选中三种方法 JS中!=、==、!==、===的用法和区别 在对象比较中,对象相等和对象一致分别指的是什么?

    C#中??和?分别是什么意思? 在C#中??和?分别是什么意思? 1. 可空类型修饰符(?):引用类型可以使用空引用表示一个不存在的值,而值类型通常不能表示为空.例如:string str=null; ...

  9. Linux中断管理 (1)Linux中断管理机制【转】

    转自:https://www.cnblogs.com/arnoldlu/p/8659981.html 目录: <Linux中断管理> <Linux中断管理 (1)Linux中断管理机 ...

随机推荐

  1. HttpClient后台post 请求webapi

    1.请求方法 /// <summary> /// httpClient 请求接口 /// </summary> /// <param name="url&quo ...

  2. 前端图片压缩上传(纯js的质量压缩,非长宽压缩)

    此demo为大于1M对图片进行压缩上传 若小于1M则原图上传,可以根据自己实际需求更改. demo源码如下: <!DOCTYPE html> <html> <head&g ...

  3. 为npm设置代理

    npm全称为Node Packaged Modules.它是一个用于管理基于node.js编写的package的命令行工具.其本身就是基于node.js写的,这有点像gem与ruby的关系. 在我们的 ...

  4. Mac OS终端中设置颜色高亮和自动补全

    已测试通过,原文:http://blog.csdn.net/songjinshi/article/details/8945809 一.颜色高亮显示 针对terminal采用bash模式: 编辑 ~/. ...

  5. JUC回顾之-ArrayBlockingQueue底层实现和原理

    ArrayBlockingQueue的原理和底层实现的数据结构 : ArrayBlockingQueue是数组实现的线程安全的有界的阻塞队列,可以按照 FIFO(先进先出)原则对元素进行排序. 线程安 ...

  6. Npm基本指令(转)

    一些常用的 npm 指令 當你設定好 node.js 的開發環境後, 是時候來把下面這些常用的 npm 指令給摸熟了. 將套件於全域安裝. 全域安裝的套件通常只是為了執行檔而已. $ npm inst ...

  7. 我的Oracle控制台创建数据库的工具

    Oracle windows 11.2.0.4 在控制台cmd下的创建工具,不依赖于服务和监听 工具及下载:Oracle控制台工具 注意:其中的 “seeddatabase.gbk.7z”文件为从Or ...

  8. mysql触发器应用和创建表错误代码: 1118 Row size too large. 解决

    1.针对数据库查询问题的方便,可以建立重要表的log备份记录表,在主表的添加,修改,删除添加触发器,修改触发器增加触发字段的点,限制条件. 数据库log表查问题比从线上多台服务器上下载日志文件相对方便 ...

  9. spring 定时任务corn表达式

    * * * * * * *  秒 分 时 日 月 周 年 秒 * / - 0-59 分 * / - 0-59 时 * / - 0-23 * 匹配任意数据 / 每隔多少分钟执行一次 - 区间 案例 0 ...

  10. linux添加PYTHONPATH环境变量

    1.添加环境变量到pythonpath export PYTHONPATH=$PYTHONPATH:/home/myproject 查看pythonpathecho $PYTHONPATH 可以进入p ...