多次调用函数会影响性能或效果 利用防抖函数可以提高的性能,减轻服务端压力(用户名验证邮箱验证调用接口)、改善效果(连续、多次的请求loading关闭会一闪一闪)
// debounce.js 防抖封装
let timer = null
const debounce = (fn, wait = 500) => {
if (timer !== null) clearTimeout(timer)
timer = setTimeout(() => {
timer = null
fn && fn()
}, wait);
}
module.exports = debounce;
import debounce from './src/utils/debounce';
debounce(() => 你的操作, 500)