节流和防抖

1.节流

1.1 什么是节流

1.1.1 节流的定义

1.1.2 节流的特点

1.1.3 节流的使用场景

1.2 自己实现节流函数

function throttle(callback, delay = 500, immediate = true) {let lastTime = 0;return function (...args) {const now = Date.now();if (immediate || now - lastTime >= delay) {callback.apply(this, args);lastTime = now;immediate = false; // 首次执行后关闭 immediate}};
}

2. 防抖

2.1 什么是防抖

2.1.1 防抖的定义

2.1.2 防抖的特点

2.1.3 防抖的使用场景

2.2 自己实现节流函数

function debounce(callback, delay = 500) {let timer = null;return function (...args) {clearTimeout(timer); // 清除之前的计时器timer = setTimeout(() => {callback.apply(this, args); // 延迟执行}, delay);};
}

3. 节流和防抖的区别