jQuery.Callbacks()

素颜马尾好姑娘i 2022-08-21 01:04 106阅读 0赞

jq的回调对象是实现jq ajax和defferred的基础模块，通过add添加一系列的回调函数到队列中，并fire触发回调，当然你也可以通过remove删除队列中的回调函数。

1.基本过程，add，fire，remove，empty，has

2.disable和disabled

var callbacks = $.Callbacks(); //获取回调队列
    function fn1(value){ 
      console.log("fn1 says : " + value);
    }
    function fn2(value){ 
      console.log("fn2 says : " + value);
    }
    callbacks.add(fn1);
    callbacks.add(fn2);
    callbacks.fire("hello");  //依次输入队列回调函数
    callbacks.disable(); //不再调用队列函数，会清除队列里面所有的回调函数,还有使队列结构失效，不能再添加回调函数
    console.log("队列是否失效：" +  callbacks.disabled());
    callbacks.add(fn1);  //不能再添加回调函数
    callbacks.fire("fire again");  //回调无效

3.lock和locked

var callbacks = $.Callbacks(); //获取回调队列
    function fn1(value){ 
      console.log("fn1 says : " + value);
    }
    function fn2(value){ 
      console.log("fn2 says : " + value);
    }
    callbacks.add(fn1);
    callbacks.add(fn2);
    callbacks.fire("hello");  //依次输入队列回调函数
    callbacks.lock(); //队列被数组
    console.log("队列被锁住：" + callbacks.locked());
    callbacks.add(fn1);  //不能再添加回调函数
    callbacks.fire("fire again");  //回调无效

lock和disable区别在于有没有标志位”memory”  
1.若没有标志，lock和disable都将回调队列清空，并置为list = “”;  
2.若有标志位，lock不会清空队列，只是把他锁住，这是fire是没有效的，除非你再add一个回调，然后就可以解锁了，disable会清空队列，并置list = “”;

var callbacks = $.Callbacks("memory"); //获取回调队列
    function fn1(value){ 
      console.log("fn1 says : " + value);
    }
    function fn2(value){ 
      console.log("fn2 says : " + value);
    }
    callbacks.add(fn1);
    callbacks.add(fn2);
    callbacks.fire("hello");  //依次输入队列回调函数
    callbacks.lock(); //队列被数组
    console.log("队列被锁住：" + callbacks.locked());
    //callbacks.add(fn1); //这里如果不用add，则后面的回调不会触发
    callbacks.fire("fire again");  //回调无效

callbacks有三个标志位：

once: 保证只触发一次回调

var callbacks = $.Callbacks("once"); //获取回调队列
    function fn1(value){ 
      console.log("fn1 says : " + value);
    }
    callbacks.add(fn1);
    callbacks.fire("hello");  //输出回调
    callbacks.fire("hello again"); //不输出回调

memory: 第一次fire之后，后续add进来的函数自动利用上一次fire时候的参数执行

unique: 保证队列中的回调函数不会出现重复情况  
stopOnFalse: 当队列中一个回调函数被调用返回false的时候，队列里的其他函数不会被调用

标志位可以重叠使用，用空格间隔开，deferred对象的三种状态的实现就标志位组合结果  
jQuery.Callbacks( “once memory” ) - > “resolved” ,  
jQuery.Callbacks( “once memory” ) - > “rejected” ,  
jQuery.Callbacks( “memory” ) - > “progress”

jQuery.Callbacks()

发表评论取消回复

还没有评论，来说两句吧...

相关阅读