ts封装防抖节流函数

TypeScript（简称TS）是一种由微软开发的开源编程语言，它是JavaScript的一个超集，可以编译成纯JavaScript代码。在TS中，我们可以使用装饰器和泛型等特性来封装防抖节流函数。

防抖函数和节流函数都是用于控制函数执行频率的方法，常用于优化性能和避免重复触发事件。

防抖函数的作用是在一定时间内，如果事件持续触发，则重新计时，直到事件停止触发后才执行函数。常见的应用场景是输入框搜索联想功能。

节流函数的作用是在一定时间内，无论事件触发多少次，只执行一次函数。常见的应用场景是滚动加载数据。

下面是一个使用TS封装防抖节流函数的示例：

// 防抖函数
function debounce(func: Function, delay: number): Function {
  let timer: number | null = null;
  return function (...args: any[]) {
    if (timer) {
      clearTimeout(timer);
    }
    timer = setTimeout(() => {
      func.apply(this, args);
    }, delay);
  };
}

// 节流函数
function throttle(func: Function, delay: number): Function {
  let timer: number | null = null;
  return function (...args: any[]) {
    if (!timer) {
      timer = setTimeout(() => {
        func.apply(this, args);
        timer = null;
      }, delay);
    }
  };
}

使用示例：

function search(keyword: string) {
  // 模拟搜索功能
  console.log(`Searching for ${keyword}`);
}

const debouncedSearch = debounce(search, 300);
const throttledSearch = throttle(search, 300);

debouncedSearch('apple');
debouncedSearch('banana');
debouncedSearch('cherry');

throttledSearch('apple');
throttledSearch('banana');
throttledSearch('cherry');