您的位置:首页 > Web前端 > JQuery

读jQuery之二十一(队列queue)

2013-02-23 23:45 330 查看
queue模块在jQuery中分在Effects中,搜索整个库会发现queue也仅在特效模块effects.js中被使用。jQuery抽取出独立的命名空间给queue,说明除了内部Effects模块使用外,客户端程序员可以充分发挥聪明才智使用queue来构建非动画API。queue模块向外开放的API分别是挂在$上的$.queue、$.dequeue、$._queueHooks(仅内部)
挂在jQuery对象上的有queue、dequeue、delay、clearQueue、promise
按照jQuery的惯例,挂在$上的方法属于低级API,挂在jQuery对象上的才是经常使用的。一般低级API是为高级API服务的,即 queue内部会使用$.queue, dequeue内部会使用$.dequeue。这里实际是实现为一个队列,$.queue是入列,$.dequeue是出列。 一、$.queue这个方法有两个作用,它既是setter,又是getter。第一个参数elem是DOM元素,第二个参数type是字符串,第三个参数data可以是function或数组。1. 设置指定名字的queue?
2. 这时可以取到存入的callbacks?
$.queue内部使用 $._data方法,将数据保存下来。默认type/queueName使用 "fx" + queue。$.queue的实现很简单,代码不过15行,即取缓存对象queue,如果不存在则初始化为一个空对象,然后将data存入,如果存在则直接将data push到数组中。 二、$.dequeue 将回调函数出列执行,每调用一次仅出列一个,因此当回调有N个时,需要调用$.dequeue方法N次元素才全部出列。$.dequeue的第一个参数是dom元素,第二个参数是queueName?
回调函数的上下文是dom元素,参数是next函数和hooks对象?
next内部仍然调用$.dequeue,这样可以接着执行队列中的下一个callback。$.dequeue里的hooks是当队列里所有的callback都执行完后(此时startLength为0)进行最后的一个清理工作,?
hooks.empty是一个jQuery.Callbacks对象,而它则是定义在$._queueHooks里?
以上就是queue的全部了,本质是利用Array的push和shift来完成先进先出(First In First Out),但这里有个缺陷,jQuery的queue从1.1开始就是为effects模块服务的,因此queue里存的都是function。个人觉得如果只存function,应该对data参数做个严格类型判断,如果不是function则抛异常。但目前的版本没有做严格判断,如果我存的不是function,这样dequeue时会报错。如下?
三、queue知道了$.queue,queue就很好理解了,它无非是内部调用了下$.queue。queue比$.queue 少了第一个参数,内部使用this代替第一个参数。?
这样,三个function就入列了,列名是"mx"。 取队列元素只需传一个列名如"mx"?
还有个技巧就是,如果使用jQuery默认的队列"fx",可以只传data?
另外一点,当使用默认列名"fx"时,它会调用$.dequeue出列执行下,源码如下?
四、dequeuedequeue则更是未添加任何特殊处理,直接调用的$.dequeue,见源码?
五、delaydelay用来延迟后续添加的callback的执行,第一个参数time是延迟时间(另可使用"slow"和"fast"),第二个是队列名。?
如果是这样?
六、clearQueue顾名思义,清空所有队列。没什么好说的,源码如下,直接使用一个空数组覆盖之前的数组队列了。?
  七、promise这个方法返回一个promise对象,promise对象既是前面提到的Deferred对象的阉割版。你可以使用done、fail、progress添加,但不能触发。用在queue模块里有特殊意义,比如done它指queue里所有function都执行后才执行done添加的。如?
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: