手写简易版防抖节流函数

防抖函数什么是防抖?防抖是触发高频事件后，n秒内函数只会执行一次，如果n秒内高频事件再次触发，则会重新计算时间。​ 试想这样的一个场景，有一个搜索输入框，为了提升用户体验，希望在用户输入后可以立即展现搜索结果，而不是每次输入完后还要点击搜索按钮。最基本的实现方式应该很容易想到，那就是绑定 input 元素的键盘事件，然后在监听函数中发送 AJAX 请求。伪代码如下：const ipt = document.querySelector("input"); ipt.addEventListener("input", (e) => { search(e.target.value).then( (resp) => { // ... }, (e) => { // ... } ); });但其实这样的写法很容易造成性能问题。比如当用户在搜索“apple”这个词的时候，每一次输入字母都会触发搜索。而实际上，只有最后一次搜索结果是用户想要的，前面就意味着无效查询，浪

前端 · 2023-04-11
2021 - 2025 zain的前端小窝. All Rights Reserved.
Theme Jasmine by Kent Liao