前言:
作为参数传递给另一个函数执行的函数我们称为回调函数,那么该回调又是否是异步的呢,何谓异步,如:作为事件处理器,或作为参数传递给
(setTimeout,setInterval)这样的异步函数,或作为ajax发送请求,应用于请求各种状态的处理,我们可以称为异步回调,jQuery.Callbacks
为我们封装了一个回调对象模块,我们先来看一个应用场景:
- // 为什么jQuery中的ready事件可以执行多个回调,这得益于我们的jQuery.Deferred递延对象(是基于jQuery.Callbacks回调模块)
- jQuery(function($) {
- console.log('document is ready!');
- // do something
- });
- jQuery(function($) {
- // do something
- });
- // 实现原型
- // jQuery.Deferred版代码
- var df = jQuery.Deferred();
- df.resolve(); // 在ready事件中调用
- // 可以多次执行绑定的函数
- df.done(fn1, fn2, fn3);
- df.done(fn4);
- // ...
- // jQuery.Callbacks版代码
- var cb = jQuery.Callbacks('once memory');
- cb.fire(); // 在ready事件中调用
- // 可以多次执行绑定的函数
- cb.add(fn1, fn2, fn3);
- cb.add(fn4);
- // ...
现在我们知道jQuery中的ready事件是可以这样执行多个回调的,要想深入理解其源码,让我们继续看下面吧
一、jQuery.Callbacks设计思路
使用一个私有变量list(数组)存储回调,执行jQuery.Callbacks函数将返回一个可以操作回调列表list的接口对象,
而传入jQuery.Callbacks函数的options参数则用来控制返回的回调对象操作回调列表的行为
回调对象中的方法
- {
- add: 增加回调到list中
- remove: 从list中移除回调
- fire: 触发list中的回调
- fired: 回调对象是否执行过fire方法
- fireWith: 触发list中的回调,第一个参数为执行域
- has: 判断函数是否在list中
- empty: 将list致空,list = [];
- lock: 锁定list
- locked: 是否锁定
- disable: 禁用回调对象
- disabled: 是否禁用
- }
参数标志:
- options = {
- once: 回调对象仅触发(fire)一次
- memory: 跟踪记录每一次传递给fire函数的参数,在回调对象触发后(fired),
- 将最后一次触发(fire)时的参数(value)传递给在add操作后即将被调用的回调
- unique: 在add操作中,相同的函数仅只一次被添加(push)到回调列表中
- stopOnFalse:当回调函数返回false,中断列表中的回调循环调用,且memory === false,阻止在add操作中将要触发的回调
- }
本文地址 : http://www.fengfly.com/plus/view-214464-1.html
标签: jquery jQuery.Callbacks |