JavaScript中如何区分防抖与节流，并确定它们各自的最佳应用场景？

本文共计890个文字，预计阅读时间需要4分钟。

目录+前言+防抖+例如+代码演示+流程+例如+代码演示+前言+防抖和节流+在这个前端生涯中，这两个名词经常被提及，也是常被问及的问题：- 两者有什么区别？- 分别适用于什么场景？

目录

• 前言
• 防抖
• 例如
• 代码演示
• 节流
• 例如
• 代码演示

前言

防抖和节流，这个在我们的前端生涯中，这两个名词肯定不陌生，甚至经常被人问起：

• 两者有什么区别？
• 分别用于什么场景？

ps：这就是高频的面试题了吧！

防抖

防抖是什么呢？

形象的的说就是：防止抖动（防抖函数内心独白：“你就抖动吧！等你不抖动了，我们在进行下一步”）

例如

一个搜索输入框， 用户不停的进行输入（这个时候就是抖动的过程）， 等用户输入停止之后，再触发搜索。