jQuery 中提供了一个Callback的工具类Callbacks,它提供了一个Callback Chain。使用它可以在一个chain上来执行相关操作。它也是jQuery中的ajax, Deferred的基础。我们也可以使用它来构建需要异步执行的组件等。

Callbacks API说明

构造器

jQuery.Callbacks(flags) 创建Callbacks对象。

Callbacks对象里包含了一个callback function的数组(也称为 callback chain)。

method说明

add(function|functions) : 将一个或多个funcation作为一个callback function 添加到callback chain中。

remove(function|functions) :从callback chain中移除指定的callback function。

fire(arguments):触发callback chain。在执行chain中的每一个callbakc function时,参数都是一样的。

fireWith(context,arguments): 在context下执行callback chain。

disable(): 禁用Callbacks。其实是将chain设置为undefined。所以在禁用后,add()是添加不成功的,那么fire时也就不会有什么操作了。

empty():只是将chain内容清空。

构造器参数

flags:

·unique chain中的funcation是不能重复的。如果重复添加时,是添加不了的。生效于添加阶段(也就是在add函数中使用)。

·once 是整个链中的每一个callback function都要被执行一次,并且只执行一次。

·memory 保留上一次fire时的参数,并记录上一次fire时执行到第n个callback function。在下一次fire时,先将上一次未执行的(包括上一次之后,又新加的callback)执行完毕,然后才开启新一轮执行。

·stopOnFalse 执行一个callback时判断执行结果是否为false,如果是false的话就停止不在执行。

重要流程

Add一个函数的流程

1)如果有unique标志,判断要添加的是否存在,只在不存在时添加到chain中。

2)如果没有unique标志,代表可以重复。直接添加到chain中。

Fire的流程:

1)设置context

如果没有指定context,那么context值是 Callbacks对象。

2)将chain中未执行的functions执行一遍。在此过程中,每执行完一个就会基于stopOnFalse来进行判断(如果设置的话)

3)后置处理

  如果Callbacks可以多次执行:

  如果还有没有执行的参数,再次执行。

  否则:(只能执行一次)

    如果被stopOnFalse了,执行disable()。

  否则:执行empty

Demo

<script src="https://code.jquery.com/jquery-1.7.2.js" integrity="sha256-FxfqH96M63WENBok78hchTCDxmChGFlo+/lFIPcZPeI="   crossorigin="anonymous"></script>

<script type="text/javascript">

$(function(){

function fn1(value){

console.log(arguments.length,value);

}

function fn2(value){

return "fn2, " + value;

}

function fn3(value){

fn1(fn2(value));

}

debugger;

var callbacks = jQuery.Callbacks("once memory");

callbacks.add(fn1,fn2,fn3);

callbacks.fire("hello_0")

console.log("--------1-------")

callbacks.add([fn1,fn3]);

callbacks.add(fn2);

callbacks.add(fn3);

callbacks.fire("hello_1");

});

</script>

jQuery: Callbacks的更多相关文章

  1. jQuery.Callbacks之demo

    jQuery.Callbacks是jquery在1.7版本之后加入的,是从1.6版中的_Deferred对象中抽离的,主要用来进行函数队列的add.remove.fire.lock等操作,并提供onc ...

  2. jQuery回调、递延对象总结(上篇)—— jQuery.Callbacks

    前言: 作为参数传递给另一个函数执行的函数我们称为回调函数,那么该回调又是否是异步的呢,何谓异步,如:作为事件处理器,或作为参数传递给 (setTimeout,setInterval)这样的异步函数, ...

  3. jQuery.Callbacks 源码解读二

    一.参数标记 /* * once: 确保回调列表仅只fire一次 * unique: 在执行add操作中,确保回调列表中不存在重复的回调 * stopOnFalse: 当执行回调返回值为false,则 ...

  4. jQuery源代码学习之四——jQuery.callbacks

    自己实现的callbacks模块相较于jquery源代码中的callbacks模块有所简化,表面上看没有考虑firing这个参数,没有对之进行任何处理,即没有考虑在函数执行过程中,再次调用add,re ...

  5. jQuery.Callbacks之源码解读

    在上一篇jQuery.Callbacks之demo主要说了Callbacks对象初始化常见的选项,这一篇主要分析下Callbacks对象的源代码,对给出两个较为繁琐的demo // String to ...

  6. jQuery回调、递延对象总结(一)jQuery.Callbacks详解

    前言: 作为参数传递给另一个函数执行的函数我们称为回调函数,那么该回调又是否是异步的呢,何谓异步,如:作为事件处理器,或作为参数传递给 (setTimeout,setInterval)这样的异步函数, ...

  7. jQuery.callbacks 注释

    (function( jQuery ) { // String to Object flags format cache var flagsCache = {}; // Convert String- ...

  8. jquery.Callbacks的实现

    前言 本人是一个热爱前端的菜鸟,一直喜欢学习js原生,对于jq这种js库,比较喜欢理解他的实现,虽然自己能力有限,水平很低,但是勉勉强强也算是能够懂一点吧,对于jq源码解读系列,博客园里有很多,推荐大 ...

  9. jQuery 2.0.3 源码分析 回调对象 - Callbacks

    源码API:http://api.jquery.com/jQuery.Callbacks/ jQuery.Callbacks()是在版本1.7中新加入的.它是一个多用途的回调函数列表对象,提供了一种强 ...

随机推荐

  1. jQuery给表单设置值

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. AHD-模拟高清芯片RN6752替代TVP5150/CJC5150

    RN6752功能:2路CVBS转BT656/601/1302高清视频解码芯片.产品特征输入:2路CVBS(不能同时输入)和S-VIDEO(一般不用)输出:BT601/656/1302支持NTSC,PA ...

  3. C语言运算符运算顺序判断实例1

    程序1 #include <stdio.h> int main(void) { , j = , k = ; printf("%d\n", --j > i & ...

  4. Akka(24): Stream:从外部系统控制数据流-control live stream from external system

    在数据流应用的现实场景中常常会遇到与外界系统对接的需求.这些外部系统可能是Actor系统又或者是一些其它类型的系统.与这些外界系统对接的意思是在另一个线程中运行的数据流可以接收外部系统推送的事件及做出 ...

  5. C++中关于重载默认构造函数与默认全部参数的构造函数的使用注意

    # include<iostream>using namespace std;class Time{public:                            //公用成员函数  ...

  6. Spring中的线程池和定时任务功能

    1.功能介绍 Spring框架提供了线程池和定时任务执行的抽象接口:TaskExecutor和TaskScheduler来支持异步执行任务和定时执行任务功能.同时使用框架自己定义的抽象接口来屏蔽掉底层 ...

  7. 【小白成长撸】--多项式求圆周率PI

    /*程序的版权和版本声明部分: *Copyright(c) 2016,电子科技大学本科生 *All rights reserved. *文件名:多项式求PI *程序作用:计算圆周率PI *作者:Amo ...

  8. html加载和解析流程

    之前查找资料了解了html的整个渲染过程,对于理解页面加载帮助还是蛮大的,下面我用visio把它画成流程图,便于直观理解 好吧,居然要150字才能发布............ 浏览器渲染过程 浏览器渲 ...

  9. 历上最强的音乐播放器(jetA…

    原文地址:历上最强的音乐播放器(jetAudio-8.0.5.320-Plus-VX-完全汉化版)下载作者:盖世天星 历上最强的音乐播放器(jetAudio-8.0.5.320-Plus-VX-完全汉 ...

  10. 团队作业8----第二次项目冲刺(Beta阶段) 第一天

    BETA阶段冲刺第一天 1.开了个小会议 2.每个人的工作 (1) 昨天已完成的工作: 今天是第一天,所以是新的开始. (2) 今天计划完成的工作: (3) 工作中遇到的困难: 由于有新的成员加入,默 ...