debounce 函数
function debonce (method) {
clearTimeout(method.timer)
method.timer = setTimeout( function () {
method ()
}, 50)
}
debonce 函数保证函数执行频率最多 50ms执行一次 当时间间隔小于 50ms时 清除这个定时器 函数定时器重新计时
throttle 函数保证当函数执行频率超过50ms一次时 只要之后的一次调用throttle函数 当函数调用时间间隙大于50ms 调用method函数
var oldTime = new Date().getTime()
function throttle (method) {
var newTime = new Date().getTime()
if (newTime - oldTime >= 50 ) {
newTime = new Date().getTime()
method()
}
}
/**
*配置节流函数
*@param {[function]} fn [要执行的函数]
*@param {[Number]} delay [延迟执行的毫秒数]
*@param {[Number]} mustRun [至少多久执行一次]
*@return {[function]} [节流函数]
*/
exports.throttle = (fn, wait, mustRun) => {
let timeout
let startTime = new Date()
return function () {
let context = this
let args = arguments
let curTime = new Date()
clearTimeout(timeout)
if (curTime - startTime >= mustRun) {
// 如果到达触发时间 触发handler
fn.apply(context, args)
startTime = curTime
} else {
// 如果没到达触发 时间 重新设定定时器
timeout = setTimeout(fn, wait)
}
}
}
以上函数的作用是 最多delay(ms)内执行一次 mustRun(ms) 时间间隔内最少执行一次