<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="jquery-2.0.3.js"></script>

<script>

//Callbacks管理回调。-------------------------------------------------------

function aaa(){

    alert(1);

}

function bbb(){

    alert(2);

}

function ccc(){

    alert(3);

}

var cb = $.Callbacks();

cb.add( aaa );

cb.add( bbb );

cb.add( ccc );

cb.fire();

//绑定事件，观察者模式

document.addEventListener('click',function(){ alert(1); },false);

document.addEventListener('click',function(){ alert(2); },false);

document.addEventListener('click',function(){ alert(3); },false);

---------------------------------------------------------------------------

function aaa(){

    alert(1);

}

(function(){

    function bbb(){//局部作用域

        alert(2);

    }

})();

aaa();

bbb();

---------------------------------------------------------------------------

var cb = $.Callbacks();

function aaa(){

    alert(1);

}

cb.add(aaa);

(function(){

    function bbb(){

        alert(2);

    }

    cb.add(bbb);

})();

cb.fire();//1  2

----------------------------------------------------------------------

once

memory

unique

stopOnFalse

add

remove

has

empty

disable

disabled

lock

locked

fireWith

fire

fired

-------------------------------------------------------------------------

function aaa(){

    alert(1);

}

function bbb(){

    alert(2);

}

function ccc(){

    alert(3);

}

var cb = $.Callbacks();

cb.add( aaa );

cb.add( bbb );

cb.add( ccc );

cb.remove( bbb );

cb.fire();

</script>

</head>

<body>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="jquery-2.0.3.js"></script>

<script>

function aaa(){

    alert(1);

}

function bbb(){

    alert(2);

}

function ccc(){

    alert(3);

}

-------------------------------------------------------------------------

var cb = $.Callbacks('once');

cb.add( aaa );

cb.add( bbb );

cb.fire();

cb.fire();//触发一次

-------------------------------------------------------------------------

var cb = $.Callbacks('memory');

cb.add( aaa );

cb.fire();

cb.add( bbb );//弹出来，不写memory不谈，有memory又调用一次fire()

--------------------------------------------------------------------------

var cb = $.Callbacks('unique');

cb.add( aaa );

cb.add( aaa );

cb.fire();//只执行一次

---------------------------------------------------------------------------

function aaa1(){

    return false;

    alert(1);

}    

var cb = $.Callbacks('stopOnFalse');

cb.add( aaa1 );

cb.add( bbb );

cb.fire();//只谈1不谈2

----------------------------------------------------------------------------

var cb = $.Callbacks('once memory');//组合形式

cb.add( aaa );

cb.fire();//2也弹出来

cb.add( bbb );

cb.has (bbb );//true

cb.fire();//不执行

------------------------------------------------------------

options : { once : true , memory : true }

optionsCache : {

    'once memory' : { once : true , memory : true }

}

----------------------------------------------------------

function aaa(n){

    alert('aaa' + n);

    return false;

}

function bbb(n){

    alert('bbb'+n);

}

var cb = $.Callbacks();

cb.add(aaa,bbb);

cb.fire('hello');

cb.fire('hello');

</script>

</head>

<body>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="jquery-2.0.3.js"></script>

<script>

---------------------------------------------------------------------

var bBtn = true;

function aaa(){

    alert(1);

    if(bBtn){

        cb.fire();

        bBtn = false;

    }

}

function bbb(){

    alert(2);

}

var cb = $.Callbacks();

cb.add( aaa );

cb.add( bbb );

cb.fire();

----------------------------------------------------------------------

function aaa(){

    alert(1);

}

function bbb(){

    alert(2);

}

var cb = $.Callbacks('once memory');

cb.add( aaa );

cb.fire();

cb.add( bbb );

cb.fire();

---------------------------------------------------------------------------

function aaa(){

    alert(1);

}

function bbb(){

    alert(2);

}

var cb = $.Callbacks('memory');

cb.add( aaa );

cb.fire();

cb.lock();

cb.add( bbb );

cb.fire();

</script>

</head>

<body>

</body>

</html>

jquery09--Callbacks : 回调对象的更多相关文章

  1. jquery源码01---(2880 , 3042) Callbacks : 回调对象 : 对函数的统一管理

    // optionsCache : { 'once memory' : { once : true , memory : true } } var optionsCache = {}; // once ...

  2. jquery源码分析(四)——回调对象 Callbacks

    借用百度百科来说明下回调函数: 回调函数就是一个通过函数指针调用的函数.如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用来调用其所指向的函数时,我们就说这是回调函数.回调函数不是由该 ...

  3. jQuery-1.9.1源码分析系列（五） 回调对象

    jQuery.Callbacks()提供的回调函数队列管理本来是延时回调处理的一部分,但是后面将其独立出来作为一个模块.jQuery就是这样,各个模块间的代码耦合度是处理的比较好的,值得学习.虽然是从 ...

  4. jQuery源码笔记——回调对象

    回调对象是一个多用途的回调列表对象,提供了强大的的方式来管理回调函数列表. 最简单的缓存对象 function Callbacks(){ var list = [], self = { add: fu ...

  5. JQuery中的回调对象

    JQuery中的回调对象 回调对象(Callbacks object)模块是JQuery中的一个很基础的模块,很多其他的模块(比如Deferred.Ajax等)都依赖于Callbacks模块的实现.本 ...

  6. jquery的2.0.3版本源码系列(6):2880-3042行，回调对象，对函数的统一管理

    目录 1 . 回调对象callbacks的演示 回调的使用有一点像事件绑定,先绑定好,等到有点击事件或者其他时就触发. <script src="js/jquery-2.0.3.js& ...

  7. jQuery使用（）：Callbacks回调函数列表之异步编程(含源码分析)

    Callbacks的基本功能回调函数缓存与调用 特定需求模式的Callbacks Callbacks的模拟源码 一.Callbacks的基本功能回调函数缓存与调用 Callbacks即回调函数集合,在 ...

  8. WCF初探-13：WCF客户端为双工服务创建回调对象

    前言: 在WCF初探-5:WCF消息交换模式之双工通讯(Duplex)博文中,我讲解了双工通信服务的一个应用场景,即订阅和发布模式,这一篇,我将通过一个消息发送的例子讲解一下WCF客户端如何为双工服务 ...

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

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

  10. jquery的回调对象Callbacks详解

    Callbacks : 对函数的统一管理 Callbacks的options参数接受4个属性,分别是once : 只执行一次momery : 记忆stopOnFalse : 强制退出循环unique ...

随机推荐

  1. django笔记10 cookie整理

    感谢武沛齐老师 Alex老师 cookie 没有cookie所有的网站都登录不上 客户端浏览器上的一个文件 {'user':'ljc'} {"user":'zpt'} reques ...

  2. [Swift] 随机数 | Random numbers

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

  3. nodejs 通过 get获取数据修改redis数据

    如下代码是没有报错的正确代码 我通过https获取到数据 想用redis set一个键值存储 现在我掉入了回调陷阱res.on 里面接收到的数据是data 里面如果放入 client.on('conn ...

  4. 【转载】eclipse中批量修改Java类文件中引入的package包路径

    原博客地址:http://my.oschina.net/leeoo/blog/37852 当复制其他工程中的包到新工程的目录中时,由于包路径不同,出现红叉,下面的类要一个一个修改包路径,类文件太多的话 ...

  5. PostgreSQL Replication之第一章 理解复制概念（3）

    1.3 使用分片和数据分配 本节您将了解基本可扩展性技术,例如数据库分片.分片被广泛应用于高端系统并提供一个简单而且可靠的扩展设置方式来向外扩展.近年来,分片已经成为一种扩大专业系统规模的标准方式. ...

  6. 最小生成树（MST） prim（) 算法 kruskal（）算法 A - 还是畅通工程

    某省调查乡村交通状况,得到的统计表中列出了任意两村庄间的距离. 省政府“畅通工程”的目标是使全省任何两个村庄间都可以实现公路交通(但不一定有直接的公路相连,只要能间接通过公路可达即可),并要求铺设的公 ...

  7. QQ音乐

    import re import requestsimport json class Search: def __init__(self, song): ''' self.vkey_url ---&g ...

  8. caioj 1082 动态规划入门（非常规DP6：火车票）

    f[i]表示从起点到第i个车站的最小费用 f[i] = min(f[j] + dist(i, j)), j < i 动规中设置起点为0,其他为正无穷 (貌似不用开long long也可以) #i ...

  9. 深入理解void以及void指针的含义

    void的含义 void即“无类型”,void *则为“无类型指针”,可以指向任何数据类型. void指针使用规范 ①void指针可以指向任意类型的数据,亦即可用任意数据类型的指针对void指针赋值. ...

  10. 洛谷 P1071 潜伏者

    P1071 潜伏者 题目描述 R 国和 S 国正陷入战火之中,双方都互派间谍,潜入对方内部,伺机行动.历尽艰险后,潜伏于 S 国的 R 国间谍小 C 终于摸清了 S 国军用密码的编码规则: 1． S ...