触发高频时间后n秒内函数只会执行一次,如果n秒内高频时间再次触发,则重新计算时间。
方法：
function debounce(func, ms = 1000) {
let timer;
return function (...args) {
if (timer) {
clearTimeout(timer)
}
timer = setTimeout(() => {
func.apply(this, args)
}, ms)
}
}
// 测试
const task = () => { console.log('run task') }
const debounceTask = debounce(task, 1000)
window.addEventListener('scroll', debounceTask)
js 的函数节流(throttle)和函数防抖(debounce)概述 函数防抖(debounce) 一个事件频繁...
防抖debounce 节流throttle
防抖（debounce） 输入搜索时，可以用防抖debounce等优化方式，减少http请求； 这里以滚动条事件举...
函数防抖（debounce ） 函数节流
1.函数防抖（debounce） 函数防抖，debounce。其概念其实是从机械开关和继电器的“去弹跳”（debo...
函数防抖(debounce) 防抖函数 debounce 指的是某个函数在某段时间内，无论触发了多少次回调，都只执...
debounce 函数防抖_.debounce(func, delay, immediate); 第一次触发后，进...
1. 防抖函数 1.1 防抖定义： 函数防抖（debounce）：当持续触发事件时（例如mousemove），一定...
触发高频时间后n秒内函数只会执行一次,如果n秒内高频时间再次触发,则重新计算时间。 方法：
应用场景，用户频繁操作，减少不必要的重复操作 封装的debounce
本文标题：debounce（防抖）
本文链接：https://www.haomeiwen.com/subject/rgxjpktx.html
网友评论