防抖与节流

防抖:

        function debounce(fn, delay) {
            var timer = null;
            return () => {
                clearTimeout(timer)
                timer = setTimeout(() => {
                    fn.call(this)
                }, delay)
            }
        }

        const test = debounce(() => {
            console.log('防抖');
        },2000)

节流:

 function throttle(fn, delay) {
            //记录上一次函数触发的时间
            var lastTime = 0;
            return function () {
                //记录当前函数触发的时间
                var nowTime = Date.now();
                if (nowTime - lastTime > delay) {
                    //修正this指向问题
                    fn.call(this);
                    //同步执行结束时间
                    lastTime = nowTime;
                }
            }
        }

   const test1 = throttle (function () {
            console.log('事件被触发了' + Date.now());
        }, 20000);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值