什么是JavaScript去抖动-js去抖动传参

什么是JavaScript去抖动？

一路向北 • 2021-09-18 18:15:46 • 前端

一些频繁操作开销非常大，比如，如果我们为每一次按键都执行搜索操作，那这样搜索操作会很奢侈。如果用户键入一个包含 6 个字符的单词，并且我们在每个 keyup 事件中进行搜索，那么我们将在很短的时间间隔内进行 6 次搜索 API 调用。

解决方法是仅在用户输入完搜索词后才进行实际搜索。换句话说，在一秒钟内没有再按下任何键后，在一秒钟后才调用搜索 API。

这样就避免了频繁调用搜索api，减轻服务器压力，这就是去抖动的作用。

去抖动可确保函数在一段时间内未被调用之前不会被再次调用。

例如，如果用户输入 javascript，我们应该输入完整个单词才进行搜索，而不应该像下面这样每输入一个字母就进行搜索：

j
ja
jav ...

以下是去抖动函数的一种简单实现，如下所示：

function debounce(callback, time) {
    let interval;
    return () => {
        clearTimeout(interval)
        interval = setTimeout(() => {
                interval = null
                callback(arguments)
            }, time)
    }
}

除了搜索，一些其他高开销的操作也需要去抖动来解决，例如根据调整窗口大小、滚动等去调用API。

什么是JavaScript去抖动？

相关推荐

js中判断两个字符串是否相等（js判断字符串是否是和另一个字符串一样）

在 Javascript 中使用只读或不可变对象

javascript是干什么的（javascript是什么）

javascript:void(O)是什么意思（javascript:void(0)的用法作用）

在 Javascript 中使用 Promise all()、race()、allSettled() 和 any()

javascript百炼成仙怎么样（javascript百炼成仙在哪看）

发表评论