<!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. Minikube之Win10单机部署Kubernetes（k8s）自动化容器操作的开源平台

    Minikube之Win10单机部署 Kubernetes(k8s)是自动化容器操作的开源平台,基于这个平台,你可以进行容器部署,资源调度和集群扩容等操作.如果你曾经用过Docker部署容器,那么可以 ...

  2. java9新特性-12-集合工厂方法：快速创建只读集合

    1.官方Feature 269: Convenience Factory Methods for Collections 2.产生背景 要创建一个只读.不可改变的集合,必须构造和分配它,然后添加元素, ...

  3. Edge浏览器开发人员工具

    UserAgent: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Ch ...

  4. Struts2的struts.xml的标准配置文档

    <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts PUBLIC "-/ ...

  5. sql点滴

    http://www.cnblogs.com/tylerdonet/p/5509398.html

  6. win10 的MQTT + apache-apollo服务器使用

    我的使用环境是windows10 2.下载文件目录(注意:开始看教程说直接打开bin目录下的apollo.cmd文件,闪退,原因是没有java_home环境,必须添加java环境): 3.安装好jav ...

  7. python IO编程-序列化

    原文链接:https://www.liaoxuefeng.com/wiki/0014316089557264a6b348958f449949df42a6d3a2e542c000/00143192607 ...

  8. ArcGIS api for javascript——放大时切换图层

    描述 本例展示了如何在地图里指出显示的缓存或切片的细节等级(LODs).当打开示例地图,可以看到一些来自ArcGIS Online ESRI_Imagery_World_2D图层的影像.这个应用程序配 ...

  9. android ViewPager实现 跑马灯切换图片+多种切换动画

    近期在弄个项目.要求有跑马灯效果的图片展示. 网上搜了一堆,都没有完美实现的算了还是自己写吧! 实现原理利用 ViewPager 控件,这个控件本身就支持滑动翻页非常好非常强大好多功能都能用上它.利用 ...

  10. .Net 断点调试

    设置断点,F11逐句查看,F10逐过程查看. 通过断点,可以查看程序走的过程,可以更清晰程序的流程. 通过断点,可以查看属性的值情况,判断哪里出了问题. 不过,只适用于pc端调试,浏览器访问才会触发. ...