函数节流与防抖

throttle:

函数节流与防抖_第1张图片
节流

debounce:

函数节流与防抖_第2张图片
防抖

两者应用场景分析:

打个比方,例如小红在用电脑办公,她很厉害,能够不停的打字,但是当她连续不停的敲击键盘一个小时的时候,突然停电了!如果用防抖的话,那么她这一个小时的工作就全白费了!如果用节流的话,她只会损失很小一部分的工作量!

再打个比方,如果在一个web应用上,小红正在不停的点击按钮,点击该按钮会发送数据到服务器,但是开发人员并不希望用户重复且频繁的发送请求,这时用防抖的话就可以很好的解决这个问题!

节流,无论你做多少操作,它会每隔一段时间才可以执行一次;防抖,它只会以最后一次操作为基准!

你可能感兴趣的:(函数节流与防抖)