函数防抖原理

本文详细介绍了函数防抖的概念,即在一段时间内多次触发函数只执行一次。它能有效优化系统性能,常用于页面滚动距离监听等场景。通过代码示例展示了其不同于定时器的特点,并通过实际运行结果证明了其工作原理。

函数防抖

定义: 函数防抖就是在一段时间触发或调用函数时,只执行一次; 也可以理解为触发n毫秒之后才会调用一次
优点: 优化系统性能

test.js:

const lodash = require('lodash')
// lodash的debounce方法返回值是一个函数
const fn = lodash.debounce({
   
   
console.log('hello')
}, 1000)
fn()

运行结果:
在这里插入图片描述

说明: 我们发现执行文件1秒钟后,打印了"hello"; 然后同学会人认为这不就是定时器么~

其实,跟定时器还有点区别,进一步验证
下面我们讲文件做一些修改:
test.js:

const lodash = 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值