JQuery.Callbacks是jQuery1.7+之后引入的,用来进行函数队列的add、remove、fire、lock等操作,并提供once、memory、unique、stopOnFalse四个option进行一些特殊的控制。既然是新加入的功能,那么就有其特定的使用场景和优势。本文主要是介绍下Callbacks相关API的使用,关于Callbacks的使用场景以及源码等将会在后续博客中进行说明。我使用的JQuery版本是1.11.1
1、创建Callbacks对象
如果要使用Callbacks的相关API,必须要先创建Callbacks对象。创建Callbacks对象的时候,可以指定参数,也可以不指定参数。不同参数值的Callbacks具有不同的功能,后面再介绍,这里只需要知道如何创建Callbacks对象即可。
// 默认方式创建callback
var callbacks = $.Callbacks();
// 4种形式的callback:once、unique、stopOnFalse、memory
var onceCallbacks = $.Callbacks('once');
var uniqueCallbacks = $.Callbacks('unique');
var stopOnFalseCallbacks = $.Callbacks('stopOnFalse');
var memoryCallbacks = $.Callbacks('memory');
还有一点需要说明:每次调用$.Callbacks()方法,返回的都是不同的Callbacks对象。即这是一个工厂方法,每次调用都会新建一个对象,对象之间是相互独立的。
var callbacks1 = $.Callbacks();
var callbacks2 = $.Callbacks();
alert(callbacks1 == callbacks2);//false
2、添加和删除回调函数
Callbacks对象其实就是一个函数队列,获得Callbacks对象之后 ,就可以向这个集合中增加或者删除函数。add和remove功能相反,函数参数是相同的,empty()删除回调列表中的所有函数。
function fn1( value ) {
console.log("fn1:" + value );
}
function fn2( value ) {
c