JS中防抖和节流的区别是什么

简介: JS中防抖和节流的区别是什么
如果我们要连续点击一个轮播图频繁地触发这个事件,这样可能会出现卡顿的情况,而防抖和节流的主要目的就是为了限制时间的连续触发。

个人观点:

1.防抖:我们在点击触发多次事件,它只会执行最后一次的点击。

2.节流:我们在点击触发后,必须要等待时间过后再执行,多次触发是不会执行的。

区别:区别就是节流不管我们触发多少次 ,它都必须在规定时间内执行这个函数,而防抖只会执行最后一次事件的函数。

节流:

先let a一个全局的状态

一个点击事件

判断a==fasle

终止这个函数(return)

a=false

写我们的逻辑代码

一次性定时器 给一个事件

最后让a=true

防抖:

先let a等于null

一个点击事件

先写一个清除定时器

再让a等于一个一次性定时器

写我们的逻辑代码

以上就是我通过老师给我讲的自己总结的,如果有什么错误的地方,就多谢指导了!
目录
相关文章
|
2月前
|
JavaScript 前端开发 索引
js遍历的方法与区别
js遍历的方法与区别
49 3
|
2月前
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
108 0
|
8天前
|
JavaScript 前端开发
JavaScript中单引号和双引号的效果的一点区别
JavaScript中单引号和双引号的效果的一点区别
|
12天前
|
前端开发 JavaScript 开发者
React 和 Vue.js 框架的区别是什么?
React 和 Vue.js 框架的区别是什么?
|
11天前
|
JavaScript 前端开发
js防抖函数返回值问题解决方案
本文介绍了如何在JavaScript中创建一个带有返回值的防抖函数,通过结合Promise来实现。这种防抖函数可以在事件触发一定时间后再执行函数,并能处理异步操作的返回值。文章提供了防抖函数的实现代码和如何在实际项目中使用该防抖函数的示例。
16 1
|
1月前
|
前端开发 JavaScript API
JavaScript 的宏任务和微任务有什么区别
【9月更文挑战第6天】JavaScript 的宏任务和微任务有什么区别
22 4
|
11天前
|
JavaScript 前端开发
JS基础 if和switch区别
本文比较了JavaScript中的`if`语句和`switch`语句的区别,并通过示例代码展示了它们的用法,解释了何时使用`if`更合适以及`switch`语句的特点和应用场景。
14 0
|
2月前
|
JavaScript 前端开发 UED
JS 防抖与节流
防抖和节流是优化高频事件处理的技术。针对如`scroll`、`resize`等频繁触发的事件,它们能有效减少不必要的回调执行,节省资源。防抖确保在一段时间内仅执行最后一次操作,适用于输入框自动补全等场景;而节流则按固定间隔执行函数,适合拖拽、滚动事件。通过简单的JavaScript实现,可以显著提升应用性能和用户体验。
28 1
JS 防抖与节流
|
22天前
|
前端开发 JavaScript UED
JavaScript防抖和节流的使用及区别
JavaScript防抖和节流的使用及区别
92 57
|
1月前
|
存储 JavaScript 前端开发