<!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. 区间dp学习笔记

    怎么办,膜你赛要挂惨了,下午我还在学区间\(dp\)! 不管怎么样,计划不能打乱\(4\)不\(4\).. 区间dp 模板 为啥我一开始就先弄模板呢?因为这东西看模板就能看懂... for(int i ...

  2. 【DNN控件】

    <dnn:DNNDataGrid ID="show" runat="server" DataSourceID="ObjectDataSource ...

  3. python中修改函数内部的变量会发生什么

    最近写python遇到个函数内部变量使用外部变量的问题,现在总结下吧 #!/usr/bin/env python a = 100def su(): a = a + 1 print(a) s = su( ...

  4. plsql 中如何清除曾经登录过的用户名

    tools(工具)---> preferences(首选项) ---> login history(登录历史) ---> history(历史) ---> 把你想要删除的删除

  5. 文本域内容在div中带换行显示

    function ReplaceSeperator(mobiles) { var i; var result = ""; var c; for (i = 0; i < mob ...

  6. 关于common.js里面的module.exports与es6的export default的思考总结

    背景 公司项目需要裁切功能,基于第三方图片裁切组件vue-cropper(0.4.0版本),封装了图片裁切组件(picture-cut)(放在公司内部组件库,仅限于公司内部使用) 在vue-cropp ...

  7. 软raid 实验

    RAID0 条带卷 2+ 100% 读写速度快,不容错 RAID1 镜像卷 2 50% 读写速度一般,容错 RAID5 带奇偶校验的条带卷 3+ (n-1)/n 读写速度快,容错,允许坏一块盘 RAI ...

  8. 一个Web报表项目的性能分析和优化实践(四)：MySQL建立索引,唯一索引和组合索引

    先大致介绍下项目的数据库信息. 数据库A:主要存放的通用的表,如User.Project.Report等. 数据库B.C.D:一个项目对应一个数据库,而且这几个项目的表是完全一样的. 数据库表的特点 ...

  9. iOS framework配置脚本

    # Sets the target folders and the final framework product. FMK_NAME=HovnVoipEngine FMK_VERSION=1.0 # ...

  10. Java并发编程 - Executor，Executors，ExecutorService, CompletionServie,Future,Callable

    一.Exectuor框架简介 Java从1.5版本开始,为简化多线程并发编程,引入全新的并发编程包:java.util.concurrent及其并发编程框架(Executor框架). Executor ...