回调对象

$.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

你可能感兴趣的:(回调对象)