1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6. <script src="jquery-2.0.3.js"></script>
  7. <script>
  8. //Callbacks管理回调。-------------------------------------------------------
  9. function aaa(){
  10.     alert(1);
  11. }
  12. function bbb(){
  13.     alert(2);
  14. }
  15. function ccc(){
  16.     alert(3);
  17. }
  18. var cb = $.Callbacks();
  19. cb.add( aaa );
  20. cb.add( bbb );
  21. cb.add( ccc );
  22. cb.fire();
  23.  
  24. //绑定事件，观察者模式
  25. document.addEventListener('click',function(){ alert(1); },false);
  26. document.addEventListener('click',function(){ alert(2); },false);
  27. document.addEventListener('click',function(){ alert(3); },false);
  28. ---------------------------------------------------------------------------
  29.  
  30. function aaa(){
  31.     alert(1);
  32. }
  33. (function(){
  34.     function bbb(){//局部作用域
  35.         alert(2);
  36.     }
  37. })();
  38. aaa();
  39. bbb();
  40. ---------------------------------------------------------------------------
  41. var cb = $.Callbacks();
  42. function aaa(){
  43.     alert(1);
  44. }
  45. cb.add(aaa);
  46. (function(){
  47.     function bbb(){
  48.         alert(2);
  49.     }
  50.     cb.add(bbb);
  51. })();
  52. cb.fire();//1  2
  53.  
  54. ----------------------------------------------------------------------
  55. once
  56. memory
  57. unique
  58. stopOnFalse
  59.  
  60. add
  61. remove
  62. has
  63. empty
  64. disable
  65. disabled
  66. lock
  67. locked
  68. fireWith
  69. fire
  70. fired
  71. -------------------------------------------------------------------------
  72.  
  73. function aaa(){
  74.     alert(1);
  75. }
  76. function bbb(){
  77.     alert(2);
  78. }
  79. function ccc(){
  80.     alert(3);
  81. }
  82. var cb = $.Callbacks();
  83. cb.add( aaa );
  84. cb.add( bbb );
  85. cb.add( ccc );
  86. cb.remove( bbb );
  87. cb.fire();
  88. </script>
  89. </head>
  90.  
  91. <body>
  92. </body>
  93. </html>
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6. <script src="jquery-2.0.3.js"></script>
  7. <script>
  8.  
  9. function aaa(){
  10.     alert(1);
  11. }
  12.  
  13. function bbb(){
  14.     alert(2);
  15. }
  16.  
  17. function ccc(){
  18.     alert(3);
  19. }
  20. -------------------------------------------------------------------------
  21. var cb = $.Callbacks('once');
  22.  
  23. cb.add( aaa );
  24. cb.add( bbb );
  25.  
  26. cb.fire();
  27. cb.fire();//触发一次
  28. -------------------------------------------------------------------------
  29. var cb = $.Callbacks('memory');
  30.  
  31. cb.add( aaa );
  32.  
  33. cb.fire();
  34.  
  35. cb.add( bbb );//弹出来，不写memory不谈，有memory又调用一次fire()
  36. --------------------------------------------------------------------------
  37. var cb = $.Callbacks('unique');
  38.  
  39. cb.add( aaa );
  40. cb.add( aaa );
  41.  
  42. cb.fire();//只执行一次
  43. ---------------------------------------------------------------------------
  44. function aaa1(){
  45.     return false;
  46.     alert(1);
  47. }    
  48.  
  49. var cb = $.Callbacks('stopOnFalse');
  50.  
  51. cb.add( aaa1 );
  52. cb.add( bbb );
  53.  
  54. cb.fire();//只谈1不谈2
  55. ----------------------------------------------------------------------------
  56. var cb = $.Callbacks('once memory');//组合形式
  57.  
  58. cb.add( aaa );
  59.  
  60. cb.fire();//2也弹出来
  61.  
  62. cb.add( bbb );
  63.  
  64. cb.has (bbb );//true
  65. cb.fire();//不执行
  66. ------------------------------------------------------------
  67. options : { once : true , memory : true }
  68.  
  69. optionsCache : {
  70.     'once memory' : { once : true , memory : true }
  71. }
  72. ----------------------------------------------------------
  73. function aaa(n){
  74.     alert('aaa' + n);
  75.     return false;
  76. }
  77. function bbb(n){
  78.     alert('bbb'+n);
  79. }
  80. var cb = $.Callbacks();
  81. cb.add(aaa,bbb);
  82. cb.fire('hello');
  83. cb.fire('hello');
  84. </script>
  85. </head>
  86.  
  87. <body>
  88. </body>
  89. </html>
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6. <script src="jquery-2.0.3.js"></script>
  7. <script>
  8. ---------------------------------------------------------------------
  9. var bBtn = true;
  10. function aaa(){
  11.     alert(1);
  12.     if(bBtn){
  13.         cb.fire();
  14.         bBtn = false;
  15.     }
  16. }
  17. function bbb(){
  18.     alert(2);
  19. }
  20. var cb = $.Callbacks();
  21. cb.add( aaa );
  22. cb.add( bbb );
  23. cb.fire();
  24. ----------------------------------------------------------------------
  25. function aaa(){
  26.     alert(1);
  27. }
  28.  
  29. function bbb(){
  30.     alert(2);
  31. }
  32.  
  33. var cb = $.Callbacks('once memory');
  34.  
  35. cb.add( aaa );
  36.  
  37. cb.fire();
  38.  
  39. cb.add( bbb );
  40.  
  41. cb.fire();
  42.  
  43. ---------------------------------------------------------------------------
  44. function aaa(){
  45.     alert(1);
  46. }
  47.  
  48. function bbb(){
  49.     alert(2);
  50. }
  51.  
  52. var cb = $.Callbacks('memory');
  53.  
  54. cb.add( aaa );
  55.  
  56. cb.fire();
  57.  
  58. cb.lock();
  59.  
  60. cb.add( bbb );
  61.  
  62. cb.fire();
  63.  
  64. </script>
  65. </head>
  66.  
  67. <body>
  68. </body>
  69. </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. 安卓开发--HttpDemo01

    package com.cnn.httpdemo01; import android.app.Activity; import android.content.Intent; import andro ...

  2. 2013亚洲区域赛长沙站 ZOJ 3732 Graph Reconstruction

    题目链接 Graph Reconstruction 题意 给你无向图每个点的度数, 问是否存在唯一解, 存在输出唯一解, 多解输出两个, 无解输出IMPOSSIBLE 思路 这里用到了 Havel-H ...

  3. CUDA笔记(七)

    今天集中时间找程序的问题.于是发现: 首先,程序里的kernel想要调试,必须用nsight. 于是一堆找.http://www.nvidia.com/object/nsight.html http: ...

  4. 织梦CMS调用文章第一张图片（非缩略图）终极方法

    之前,网上流传了很多在织梦CMS中调用第一张图片的方法,但大体都一样.即删除缩略图字符串,并添加后缀.然而这种方法仅限于jpg图片或其他单独图片类的调用.如果一个站有png.JPG.gif等多种格式. ...

  5. 添加本地 yum源

    添加本地 yum源 yum-updatesd.conf yum的主配置文件   [root@zhou ~]# cd /etc/yum.repos.d/ [root@zhou yum.repos.d]# ...

  6. 逻辑学总结x

    逻辑学是研究事实联系: 肯定.否定: 条件 结论: 联系  规则: 的学问.

  7. 【Git 一】Linux安装Git

    一.Git 的优势 #简单说一下 Git 的优势. 1.版本库本地化,支持离线提交,相对独立不影响协同开发. 2.支持快速切换分支方便合并,比较合并性能好. 3.分布式管理,适应不同的业务场景. 4. ...

  8. vue动态绑定img标签的src地址

    问题代码: <li v-for="(item,index) in images" :key="index"> <img :src=" ...

  9. vue项目的环境变量

    关于项目中环境变量的总结 背景 项目环境一般分为开发环境,测试环境,线上环境 因为每个环境的接口域名.webpack 配置都是不同的,所以在打包构建时,我们需要区分这些环境,这时就用到了环境变量 在工 ...

  10. bzoj1615 麻烦的干草打包机 BFS

    Description Farmer John新买的干草打包机的内部结构大概算世界上最混乱的了,它不象普通的机器一样有明确的内部传动装置,而是,N (2 <= N <= 1050)个齿轮互 ...