美文网首页
回调对象

回调对象

作者: 我_巨可爱 | 来源:发表于2017-11-21 15:54 被阅读0次

$.Callbacks()

add方法

// 判断条件
if (!options.unique || !self.has(arg)) {
  list.push(arg)
}
// 递归
if (arg && arg.length && typeof arg !== "string") {
  add(arg)
}
  1. 判断条件比较复杂善于利用逻辑运算符
  • 当要求回调函数唯一,使用self.has检查,在没有的情况下添加
  • 当不要求唯一,直接添加
  1. 当传入的是数组或者类数组(除字符串),要进行递归
  2. 在add函数中,主要逻辑是放在一个闭包中的

fire相关方法

和fire相关的三个方法,核心相同。jQuery改版

for(;queue.length;firingIndex=-1) {
  var memory = queue.shift();
  while (++firingIndex < list.length) {
    if (list[firingIndex].apply(memory[0],memory[1]) === false && options.stopOnFalse) {
      firingIndex = list.length;
      memory = false;
    }
  }
}
  1. queue中应该存储的形式如下
  2. for并不是死循环,当内部循环完毕第一轮,取出queue中第二个再次从新循环。结束条件是queue中数据执行完毕
var queue = [[context1,[arg1,arg2,arg3]],[context2,[arg1,arg2,arg3]]]

memory参数的相关操作

memory现象分析

  1. $.Callbacks()参数是memory的情况下
  • 最后一次调用fire,会让memory变量保存最后一次fire的参数
  • 在每次add时,会检查memory中是否存储变量以及是否传入参数memory

常用参数分析

  1. $.ajax()$.deferred()内部实现中,常用$.Callbacks("memory once")
  2. 其运行结果如下
  • 只运行一次
  • 无论后续添加add多少,都运行
  • 参数使用第一次传入的
 function f1 (value) {
          console.log(value)
      }
      function f2 (value) {
          console.log("f2: " + value)
      }
      var callbacks = $.Callbacks("once memory");
      
      callbacks.add( f1 );
      callbacks.fire( "1" );
      
      callbacks.add( f1 );
      callbacks.fire( "2" );
      
      callbacks.add( f1 );
      callbacks.fire( "3" );
// 1
// 1
// 1

相关文章

  • 回调对象

    $.Callbacks() add方法 判断条件比较复杂善于利用逻辑运算符 当要求回调函数唯一,使用self.ha...

  • Promise用法总结

    Promise前置储备知识: 函数对象和实例对象(简称对象)同步回调和异步回调(异步回调会将要执行代码块放入队列)...

  • 回调对象 $.Callbacks()

  • Promise使用详解

    Promise的使用 1.promise对象 Promise是个对象,在对象构造中传入回调,回调有两个参数一个re...

  • JQ第五部分源码学习

    JQ的回调对象处理,通过回调对象管理函数 对函数的统一管理 jQuery.Callbacks = function...

  • apply和call语句

    运动框架的应用实例 结合 异步和回调函数 中的 「回调函数2」我们可以试图在回调函数中,用this表示oDiv对象...

  • Java回调深入理解

    1 接口回调 1.1 接口回调概念 什么是接口回调接口回调是指:可以把使用某一接口的类创建的对象的引用赋给该接口声...

  • jQuery中回调对象

    关键词:回调对象 语法:var call = $.Callbacks('once','memory','uniqu...

  • JS获取同胞元素

    'clickfu':function (to) { //回调函数,to为点击对象 to.setAttribute(...

  • Java回调

    回调callback 回调又称钩子函数 (hook), 模板方法, 利用对象的多态特性, 先定义函数结构, 再利用...

网友评论

      本文标题:回调对象

      本文链接:https://www.haomeiwen.com/subject/atbvvxtx.html