简述throttle(节流)和debounce(防抖)的区别与用法

hayayo 2019-07-04 05:55:18
throttle(节流):在一定时间内(例30内),不管方法被调动多少次,只会在30s后再调动第二次方法。 debounce(防抖):在一定时间内(例5s内),不管调动多少次方法,也只执行一次方法。 用法(以vue为例): //引入 import _ from “lodash”; //js部分 methods:{ test: _.throttle(function(){ //调用的方法}, 5000) } //调用 this.test(); //debounce使用方法同上
...全文
406 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
hookee 2019-07-06
  • 打赏
  • 举报
回复
hayayo 2019-07-04
  • 打赏
  • 举报
回复
补充:throttle是立即执行所调方法!而debounce是设定时间(例5s)后执行所调方法

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧