<!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. zookeeper的理解与概述

    文章转自https://www.cnblogs.com/likehua/p/3999600.html  感谢博主 文章转自:http://www.aboutyun.com/thread-9266-1- ...

  2. OpenGL编程逐步深入（十）索引绘制

    准备知识 OpenGl提供了一些绘图函数.到目前为止我们使用的glDrawArrays绘图函数属于"顺序绘制".这意味着顶点缓冲区从指定的偏移量开始被扫描,每X(点为1,直线为2等 ...

  3. JSONObject与JSONArray的使用区别

    1.JSON 1. 创建一个JSONObject对象: package com.yunos.tv.video.resource.controller.web; import java.util.Arr ...

  4. 请问Typecho Mysql 数据库和Sqlite数据库我该如何选择。

    纠结如我,又纠结了,请大家帮忙看一下我该如何选择.就一个没有文章的博客.一直用VPS太浪费,现在换成了虚拟主机.但是虚拟主机的MYSQL数据库限制连接数30个,我不懂这是个什么概念,但是我觉得30太少 ...

  5. mysql读写分离的解决方案

    来源于网上整理 http://yanwt.iteye.com/blog/1460780 现有三种解决方式实现mysql读写分离 1 程序修改mysql操作类 优点:直接和数据库通信,简单快捷的读写分离 ...

  6. PostgreSQL Replication之第四章 设置异步复制（2）

    4.2 配置级联复制 正如您在本章已经看到的,设置流复制真的很容易.只需要设置几个参数,做一个基础备份,并享受您的复制设置. 在许多情况下,这种情况更有一点点微妙.在这个例子中我们假设:我们要使用一个 ...

  7. js parseFloat 精度问题

    <script type="text/javascript"> //parseFloat function actionoftext(){var price = 10. ...

  8. Hello World基于.net framework中CLR的执行

    static void Main(string[] args) { Console.WriteLine("Hello,World!"); Console.WriteLine(&qu ...

  9. JavaScript,ES5和ES6的区别

    什么是JavaScript JavaScript一种动态类型.弱类型.基于原型的客户端脚本语言,用来给HTML网页增加动态功能.(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型.变量使用之前不 ...

  10. bzoj1270 BeijingWc2008 雷涛的小猫 DP

    题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=1270 比较水的一道dp f1[i]为高度为i的时候的最大值 f2[i]为当前高度在第i棵树 ...