$.Callbacks()
add方法
// 判断条件
if (!options.unique || !self.has(arg)) {
list.push(arg)
}
// 递归
if (arg && arg.length && typeof arg !== "string") {
add(arg)
}
- 判断条件比较复杂善于利用逻辑运算符
- 当要求回调函数唯一,使用
self.has
检查,在没有的情况下添加 - 当不要求唯一,直接添加
- 当传入的是数组或者类数组(除字符串),要进行递归
- 在add函数中,主要逻辑是放在一个闭包中的
fire相关方法
和fire相关的三个方法,核心相同。jQuery改版
for(;queue.length;firingIndex=-1) {
var memory = queue.shift();
while (++firingIndex < list.length) {
if (list[firingIndex].apply(memory[0],memory[1]) === false && options.stopOnFalse) {
firingIndex = list.length;
memory = false;
}
}
}
-
queue
中应该存储的形式如下 -
for
并不是死循环,当内部循环完毕第一轮,取出queue
中第二个再次从新循环。结束条件是queue
中数据执行完毕
var queue = [[context1,[arg1,arg2,arg3]],[context2,[arg1,arg2,arg3]]]
memory参数的相关操作
memory现象分析
- 在
$.Callbacks()
参数是memory
的情况下
- 最后一次调用
fire
,会让memory
变量保存最后一次fire
的参数 - 在每次
add
时,会检查memory
中是否存储变量以及是否传入参数memory
常用参数分析
- 在
$.ajax()
和$.deferred()
内部实现中,常用$.Callbacks("memory once")
- 其运行结果如下
- 只运行一次
- 无论后续添加
add
多少,都运行 - 参数使用第一次传入的
function f1 (value) {
console.log(value)
}
function f2 (value) {
console.log("f2: " + value)
}
var callbacks = $.Callbacks("once memory");
callbacks.add( f1 );
callbacks.fire( "1" );
callbacks.add( f1 );
callbacks.fire( "2" );
callbacks.add( f1 );
callbacks.fire( "3" );
// 1
// 1
// 1