节流和防抖在JavaScript中的应用

节流（Throttling）和防抖（Debouncing）是JavaScript中常用的两种优化技术，用于控制事件的触发频率，提高性能和用户体验。在本文中，我将详细介绍这两种技术的概念、原理和实际应用，并提供相应的源代码示例。

1. 节流（Throttling）
   节流是一种限制函数执行频率的技术。它确保在一定时间间隔内只执行一次函数。当需要处理高频触发的事件（例如窗口滚动、鼠标移动等）时，使用节流可以避免函数过于频繁地执行，减轻浏览器的负担。

下面是一个简单的节流函数的实现示例：

function throttle(func, delay) {
   
  let timeoutId;
  let lastExecTime = 0;