美文网首页
回调对象

回调对象

作者: 我_巨可爱 | 来源:发表于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
    

    相关文章

      网友评论

          本文标题:回调对象

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