jQuery源码分析系列:Callback深入

简介:

关于Callbacks http://www.cnblogs.com/aaronjs/p/3342344.html

$.Callbacks()的内部提供了jQuery的$.ajax() 和 $.Deferred() 基本功能组件

在针对ajax处理中,用的最多的就是once memory的组合

/**
 * 所有的回调队列,不管任何时候增加的回调保证只触发一次
 * @type {[type]}
 */
completeDeferred = jQuery.Callbacks("once memory"),

在Deferred中的done与fail

复制代码
var tuples = [
    // action, add listener, listener list, final state
    ["resolve", "done", jQuery.Callbacks("once memory"), "resolved"],
    ["reject", "fail", jQuery.Callbacks("once memory"), "rejected"],
    ["notify", "progress", jQuery.Callbacks("memory")]
],
复制代码

 


once,memory

确保这个回调列表只执行( .fire() )一次(像一个递延 Deferred).

保持以前的值,将添加到这个列表的后面的最新的值立即执行调用任何回调 (像一个递延 Deferred).

once的时候只允许add一次,在触发fire之后就会理清掉list

disable: function() {
                    list = stack = memory = undefined;
                    return this;
                },

所以后续的操作都是无用的

 

memory方法就比较特殊了, 有点类似deferred的感觉,就是能够等全部的add都加载完毕后才触发

memory的实现思路就是在add的时候直接触发fire,从而再次执行list列表

firingStart = start;
 fire(memory);

 

因为memory是基于在当前add的时候出发fire保持以前的值,将添加到这个列表的后面的最新的值立即执行调用任何回调

那么就只会递归出包括当前以前的所有队列

复制代码
var callbacks = $.Callbacks("memory");

callbacks.add( fn1 );
callbacks.fire( "1" );

callbacks.add( fn1 );
callbacks.fire( "2" );

callbacks.add( fn1 );
callbacks.fire( "3" );

callbacks.add( fn1 );
callbacks.fire( "4" );
复制代码

 

复制代码
fn1 says: 1
fn1 says: 1
fn1 says: 2
fn1 says: 2
fn1 says: 2
fn1 says: 3 
fn1 says: 3
fn1 says: 3
fn1 says: 3 
fn1 says: 4 
fn1 says: 4
fn1 says: 4 
fn1 says: 4
复制代码

 

组合

复制代码
var callbacks = $.Callbacks("once,memory");

callbacks.add( fn1 );
callbacks.fire( "1" );

callbacks.add( fn1 );
callbacks.fire( "2" );

callbacks.add( fn1 );
callbacks.fire( "3" );

callbacks.add( fn1 );
callbacks.fire( "4" );
复制代码

 

image


本文转自艾伦 Aaron博客园博客,原文链接:http://www.cnblogs.com/aaronjs/p/3713750.html,如需转载请自行联系原作者

相关文章
|
3月前
|
JavaScript
jQuery Callback 方法
jQuery Callback 方法
23 3
|
3月前
|
JavaScript
jQuery Callback 方法
jQuery Callback 方法
39 15
|
7月前
|
JavaScript 前端开发
jQuery 第六章(Callback,Chaining)
jQuery 第六章(Callback,Chaining)
69 0
|
JavaScript
JQuery 方法回调$callback
JQuery 方法回调$callback
44 0
|
JavaScript
关于jQuery中toggle参数callback函数提前执行问题
关于jQuery中toggle参数callback函数提前执行问题
108 0
|
JavaScript
jQuery|Callback
Callback 顾名思义,就是回调的意思,但是在jQuery中这个回调时有个先后顺序的。 Callback 函数在当前动画 100% 完成之后执行。 实例在隐藏效果完全实现后回调函数,弹出一个警告提示 $("button").
691 0
|
JavaScript
Jquery源码分析之匿名函数的自执行
匿名函数的格式: 格式: (function(){ //代码 })();     //和这个基于jQuery的比较下: $(function(){ alert("this is a test"); });   解释:包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数。
803 0
|
JavaScript 前端开发