解释 javascript 防抖动函数?
javascriptfront end technologyobject oriented programming
防抖动函数限制函数触发的速率。例如,查询服务器的自动完成文本栏。如果每次击键时都查询服务器,则会不必要地对网络和内存产生影响。您可以做的是限制在给定时间内进行的这些调用的数量。
您可以编写自己的防抖动函数,该函数以实际函数作为参数并以速率受限(节流)的方式执行它。
示例
const debounce = (cb, time) => { let timeout; return function() { const wrapperFunc = () => cb.apply(this,arguments); clearTimeout(timeout); timeout = setTimeout(wrapperFunc, time); } }
此函数接受 2 个参数:回调和应调用的间隔。因此,假设第一次调用 API 时为 1 毫秒,并且您将时间设置为 250 毫秒,那么直到 251 毫秒,无论调用此函数多少次,都不会对 API 进行新的调用。您可以使用此调用替换您自己的函数调用。