You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.5 KiB
69 lines
1.5 KiB
/**
|
|
* 函数去抖;当被调用 n 毫秒后才会执行,如果在这时间内又被调用则将重新计算执行时间
|
|
*
|
|
* @param {Function} callback 回调
|
|
* @param {Number} wait 多少秒毫
|
|
* @param {Object} options 参数{leading: 是否在之前执行, trailing: 是否在之后执行}
|
|
* @return {Function}
|
|
*/
|
|
function debounce (callback, wait, options) {
|
|
var args = null
|
|
var context = null
|
|
var opts = options || {}
|
|
var runFlag = false
|
|
var timeout = null
|
|
var isLeading = typeof options === 'boolean'
|
|
var optLeading = 'leading' in opts ? opts.leading : isLeading
|
|
var optTrailing = 'trailing' in opts ? opts.trailing : !isLeading
|
|
|
|
var gcFn = function () {
|
|
args = null
|
|
context = null
|
|
}
|
|
|
|
var runFn = function () {
|
|
runFlag = true
|
|
callback.apply(context, args)
|
|
gcFn()
|
|
}
|
|
|
|
var endFn = function () {
|
|
if (optLeading === true) {
|
|
timeout = null
|
|
}
|
|
if (!runFlag && optTrailing === true) {
|
|
runFn()
|
|
}
|
|
}
|
|
|
|
var cancelFn = function () {
|
|
var rest = timeout !== null
|
|
if (rest) {
|
|
clearTimeout(timeout)
|
|
}
|
|
gcFn()
|
|
timeout = null
|
|
runFlag = false
|
|
return rest
|
|
}
|
|
|
|
var debounced = function () {
|
|
runFlag = false
|
|
args = arguments
|
|
context = this
|
|
if (timeout === null) {
|
|
if (optLeading === true) {
|
|
runFn()
|
|
}
|
|
} else {
|
|
clearTimeout(timeout)
|
|
}
|
|
timeout = setTimeout(endFn, wait)
|
|
}
|
|
|
|
debounced.cancel = cancelFn
|
|
|
|
return debounced
|
|
}
|
|
|
|
module.exports = debounce
|
|
|