节流函数（Throttling）是通过控制函数的执行频率来提高性能的一种技术，常用于处理频繁触发的事件，例如滚动事件、窗口大小调整、按键输入、鼠标移动等。
在没有节流的情况下，某些事件会在很短的时间内被触发多次，可能导致性能问题或不必要的资源消耗。例如，用户在滚动页面时，每次滚动都会触发一个事件，如果不加以控制，可能会导致浏览器频繁地执行相关回调函数，影响性能。
节流函数通过限制函数的执行频率来减少不必要的调用。它可以让函数在规定时间内只能执行一次，忽略其他调用，直到指定时间间隔结束才允许下一次执行。
假设我们有一个需要响应滚动事件的回调函数，如果没有节流，用户每次滚动页面都会触发该函数，导致函数被执行非常频繁。通过节流，我们可以确保函数在一定时间内（比如每 200 毫秒）最多执行一次。
通常通过 setTimeout 或 requestAnimationFrame 来实现节流。这里是一个简单的节流函数的实现：
Life is like a journey
function throttle(fn, delay) {
let lastTime = 0;
return function(...args) {
const now = new Date().getTime();
if (now - lastTime >= delay) {
fn(...args);
lastTime = now;
}
};
}
fn：要执行的回调函数。delay：节流的时间间隔，单位是毫秒。lastTime：上次执行函数的时间。delay 时，才会执行函数。// 节流函数
function throttle(fn, delay) {
let lastTime = 0;
return function(...args) {
const now = new Date().getTime();
if (now - lastTime >= delay) {
fn(...args);
lastTime = now;
}
};
}
// 监听滚动事件
window.addEventListener('scroll', throttle(function() {
console.log('Scroll event triggered!');
}, 200)); // 每 200 毫秒只触发一次
节流函数通常用于以下情况：
resize 事件，如果不加控制，可能会影响性能。节流函数通过限制函数执行的频率来提高性能，避免某些频繁触发的事件造成过多的计算和资源消耗。它与防抖不同，防抖是延迟执行，节流是限制执行频率，二者可以根据不同的需求选择使用。