终于会手写防抖和节流了！！

一起debug吗？

已于 2022-06-11 01:17:05 修改

阅读量58

点赞数

分类专栏：前端小知识文章标签： javascript 前端

于 2022-06-08 18:47:40 首次发布

本文链接：https://blog.csdn.net/ourener/article/details/125190223

版权

前端小知识专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、防抖

防抖是将多次执行变为最后一次执行。

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

二、节流

节流是将多次执行变成每隔一段事件执行

var timer = null;
function debounce(func, delay) {
    return function () {
        if (timer) return;
        func.apply(this, ...arguments);
        timer = setTimeout(() => {
            clearTimeout(timer);
            timer = null;
        }, delay);
    };
}