time 
设为首页】【收藏本站
当前位置: 主页 > JavaScript > Jquery > jQuery回调、递延对象总结(一)jQuery.Callbacks详解

jQuery回调、递延对象总结(一)jQuery.Callbacks详解

时间:2014-01-07 21:06 点击:8084次 字体:[ ]




前言:

作为参数传递给另一个函数执行的函数我们称为回调函数,那么该回调又是否是异步的呢,何谓异步,如:作为事件处理器,或作为参数传递给

(setTimeout,setInterval)这样的异步函数,或作为ajax发送请求,应用于请求各种状态的处理,我们可以称为异步回调,jQuery.Callbacks

为我们封装了一个回调对象模块,我们先来看一个应用场景:
 

  1. // 为什么jQuery中的ready事件可以执行多个回调,这得益于我们的jQuery.Deferred递延对象(是基于jQuery.Callbacks回调模块)  
  2. jQuery(function($) {  
  3.     console.log('document is ready!');  
  4.     // do something  
  5. });  
  6.  
  7. jQuery(function($) {  
  8.     // do something  
  9. });  
  10.  
  11. // 实现原型  
  12. // jQuery.Deferred版代码  
  13. var df = jQuery.Deferred();  
  14. df.resolve(); // 在ready事件中调用  
  15.  
  16. // 可以多次执行绑定的函数  
  17. df.done(fn1, fn2, fn3);  
  18. df.done(fn4);  
  19. // ...  
  20.  
  21.  
  22. // jQuery.Callbacks版代码  
  23. var cb = jQuery.Callbacks('once memory');  
  24. cb.fire(); // 在ready事件中调用  
  25.  
  26. // 可以多次执行绑定的函数  
  27. cb.add(fn1, fn2, fn3);  
  28. cb.add(fn4);  
  29. // ... 

现在我们知道jQuery中的ready事件是可以这样执行多个回调的,要想深入理解其源码,让我们继续看下面吧

 

一、jQuery.Callbacks设计思路

使用一个私有变量list(数组)存储回调,执行jQuery.Callbacks函数将返回一个可以操作回调列表list的接口对象,
而传入jQuery.Callbacks函数的options参数则用来控制返回的回调对象操作回调列表的行为

 

回调对象中的方法
 

  1. {  
  2.     add:        增加回调到list中  
  3.     remove:     从list中移除回调  
  4.     fire:       触发list中的回调  
  5.     fired:      回调对象是否执行过fire方法  
  6.     fireWith:   触发list中的回调,第一个参数为执行域  
  7.     has:        判断函数是否在list中  
  8.     empty:      将list致空,list = [];  
  9.     lock:       锁定list  
  10.     locked:     是否锁定  
  11.     disable:    禁用回调对象  
  12.     disabled:   是否禁用  

参数标志:

  1. options = {  
  2.     once:       回调对象仅触发(fire)一次  
  3.  
  4.     memory:     跟踪记录每一次传递给fire函数的参数,在回调对象触发后(fired),  
  5.                 将最后一次触发(fire)时的参数(value)传递给在add操作后即将被调用的回调  
  6.  
  7.     unique:     在add操作中,相同的函数仅只一次被添加(push)到回调列表中  
  8.  
  9.     stopOnFalse:当回调函数返回false,中断列表中的回调循环调用,且memory === false,阻止在add操作中将要触发的回调  



本文地址 : http://www.fengfly.com/plus/view-214464-1.html
标签: jquery 回调 递延对象 jQuery.Callbacks
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: