fn();
})
}
}
function wakeUp() {
console.log(‘早’);
}
function eating() {
console.log(‘吃早饭’);
};
//将回调函数添加到回调队列
cb.add(wakeUp);
cb.add(eating);
// 使用回调
$(‘.wrapper’).click(function () {
cb.fire();
})
once / memory / unique / stopOnFalse
callbacks里面的存储机制不是简单的数组，应该是用类数组来实现，它可以传入字符串，以空格隔开，可以填的有：once / memory / unique / stopOnFalse
once：只fire一次
memory：只要fire过一次，之后添加到同一个回调对象的函数均会自动执行
unique：同一个回调函数只添加一次
stopOnFalse：当某一个回调函数返回false，就停止后续的回调函数
once
var cb = $.Callbacks(‘once’);
function wakeUp() {
console.log(‘早’);
}
function eating() {
console.log(‘吃早饭’);
};
cb.add(wakeUp);
cb.fire();
cb.add(eating);
cb.fire();//添加’once’之后，第二次fire不再执行，新增加的eating也不会被执行
//输出：早
memory
var cb = $.Callbacks(‘memory’);
function wakeUp() {
console.log(‘早’);
}
function eating() {
console.log(‘吃早饭’);
};
cb.add(wakeUp);
cb.fire();
cb.add(eating); // 添加了memory后，执行过一次fire，之后新add的回调函数，会自动执行
//输出：早 吃早饭
unique
var cb = $.Callbacks(‘unique’);
function wakeUp() {
console.log(‘早’);
}
function eating() {
console.log(‘吃早饭’);
};
cb.add(wakeUp, wakeUp);
cb.fire();// 添加了unique后，两次add增加wakeUp函数，仅增加一次
// 输出：早
另注：add函数里可以一次添加多个回调函数，
cb.add(wakeUp, wakeUp);
cb.add(eating);
添加两次wakeUp函数，一次eating函数
stopOnFalse
var cb = $.Callbacks(‘stopOnFalse’);
function wakeUp() {
console.log(‘早’);
return false;
}
function eating() {
console.log(‘吃早饭’);
};
cb.add(wakeUp, wakeUp);
cb.add(eating);
cb.fire();// 添加了’stopOnFalse’之后，由于wakeUp函数里return了false，第二次添加的wakeUp和eating函数均不再执行
// 输出： 早
$.deferred：延迟
在 jQuery 内部使用，如为 .ajax提供基础功能的函数
用户的请求是异步的，在等待请求的同时，可以做其他操作
基本使用
var dld = $.Deferred();
dld.resolve(); // 设置状态为成功
// dld.reject(); // 设置状态为失败
// dld.notify(); // 设置状态为进行中
//三种状态只能单独出现，不能又成功又失败
// 监听延迟对象的状态
// 当状态为成功时，触发done函数传递的回调函数；
// 当状态为失败时，触发fail函数传递的回调函数；
// 当状态为进行时，触发progress函数传递的回调函数；
dld.done(su)
.fail(er)
.progress(ing);
// 分别定义成功、失败、进行时的回调函数
function su(){
console.log(‘成功了’);
}
function er(){
console.log(‘失败了’);
}
function ing(){
console.log(‘进行中’);
}
用计时器简单模拟一个请求的过程
当点击按钮时，等2s（模拟请求），然后将请求状态设置成成功，触发回调函数
btn
var dld = $.Deferred();
dld.done(su)
.fail(er)
.progress(ing);
// 2s后，设置状态为成功
前端面试题汇总
JavaScript
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
性能
linux
前端资料汇总
