這一小節我們來講一下once。
once的作用確?;卣{列表只執行(.fire())一次(像一個遞延 Deferred),如下代碼:
function fn1(val){
console.log('fn1 says ' + val);
}
var cbs = $.Callbacks('once');
cbs.add(fn1);
cbs.fire('foo');
cbs.fire('foo');
結果你會發現cbs.fire('foo')只執行了一次。
fn1 says foo //只顯示一次
once定義是很明確的,確保這個回調列表只執行( .fire() )一次(像一個遞延 Deferred),所以針對這種once的處理可以有多種不同的途徑實現。
1、add的時候拋棄
2、在fire的時候拋棄多個。
但是jQuery是在執行第一個fire的時候直接給清空list列表了,然后在add的地方給判斷下list是否存在,從而達到這樣的處理。
function Callbacks(options) {
var list = [];
var self;
self = {
add: function(fn) {
list.push(fn)
},
fire: function(args) {
if (list) {
list.forEach(function(fn) {
fn(args);
})
if (options === 'once') {
list = undefined;
}
}
}
}
return self;
}
在fire之后,判斷參數是否為once,直接把list給清理掉,所以之后的所有fire都被拋棄掉了,而從達到了once的效果。
jQuery.Callbacks的處理
在fire中調用了 self.disable(); 方法
// 禁用回調列表中的回調。
disable: function() {
list = stack = memory = undefined;
return this;
},
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報