函数防抖
在事件被触发 n 秒后再执行回调,如果在这 n 秒内事件又被触发,则重新计时。
/** 将普通函数包裹一层 */
function debounce(fn, wait) {
var timer = null
return function() {
var context = this
var args = arguments
if (timer) {
clearTimeout(timer)
timer = null
}
timer = setTimeout(() => {
fn.apply(context, args)
}, wait)
}
}
函数节流:
规定一个单位时间,在这个单位时间内,只能有一次触发事件的回调函数执行,
如果在同一个单位时间内某事件被触发多次,只有一次能生效。
function throttle(fn, delay) {
var preTime = Date.now()
return function() {
var context = this
var args = arguments
var nowTime = Date.now()
if (nowTime - preTime >= delay) {
preTime = Date.now()
return fn.apply(context, args)
}
}
}