JavaScript中的防抖（debounce）和節流（throttle）是兩種常用的優化高頻率觸發事件的技術，它們都可以有效地減少不必要的計算和內存占用。

1. 防抖（Debounce）： 防抖的核心思想是在事件被觸發后的一段時間內，如果再次觸發，則重新計時。只有當計時結束后，才會執行一次事件處理函數。這樣可以確保在高頻率觸發的情況下，事件處理函數不會被頻繁調用，從而減少內存占用。

例如，假設有一個輸入框，用戶在其中快速輸入內容時會觸發一個事件。我們可以使用防抖來減少事件處理函數的調用頻率：

function debounce(func, wait) {
  let timeout;
  return function(...args) {
    const context = this;
    clearTimeout(timeout);
    timeout = setTimeout(() => func.apply(context, args), wait);
  };
}

// 使用示例
const handleInput = (event) => {
  console.log('Input:', event.target.value);
};

const debouncedHandleInput = debounce(handleInput, 300);
document.getElementById('input').addEventListener('input', debouncedHandleInput);

在這個例子中，當用戶在輸入框中快速輸入時，handleInput函數不會被頻繁調用，而是在用戶停止輸入300毫秒后才被調用一次。

2. 節流（Throttle）： 節流的核心思想是在事件被觸發后的一段時間內，只執行一次事件處理函數。這樣可以確保在高頻率觸發的情況下，事件處理函數不會被頻繁調用，從而減少內存占用。

例如，假設有一個滾動事件，當用戶滾動頁面時觸發。我們可以使用節流來減少事件處理函數的調用頻率：

function throttle(func, wait) {
  let lastTime = 0;
  return function(...args) {
    const context = this;
    const now = Date.now();
    if (now - lastTime > wait) {
      func.apply(context, args);
      lastTime = now;
    }
  };
}

// 使用示例
const handleScroll = (event) => {
  console.log('Scrolling...');
};

const throttledHandleScroll = throttle(handleScroll, 100);
window.addEventListener('scroll', throttledHandleScroll);

在這個例子中，當用戶滾動頁面時，handleScroll函數不會被頻繁調用，而是在用戶停止滾動100毫秒后才被調用一次。

總的來說，防抖和節流都可以有效地減少高頻率觸發事件時的內存占用。它們通過控制事件處理函數的調用頻率，避免了不必要的計算和內存消耗。在實際應用中，可以根據具體需求選擇使用防抖還是節流。