ts的泛型应用场景？

泛型是 TypeScript 的一个重要特性，它允许我们在编写代码时指定类型参数，从而增强代码的灵活性和可重用性。以下是一些常见的泛型应用场景：

1. 数据结构：泛型可以用于定义通用的数据结构，如数组、链表、堆栈等。通过使用泛型，我们可以确保数据结构中的元素具有相同的类型，并提供类型安全的操作。

2. 函数：泛型函数可以接受不同类型的参数，并返回相应类型的结果。这样可以提高函数的通用性和适用性。例如，Array.prototype.map() 函数就是一个使用泛型的例子。

3. 类：使用泛型可以创建可重用的类，例如通用的容器类、通用的数据访问类等。泛型类可以在实例化时指定不同的类型参数，从而适应不同的需求。

4. 接口：泛型接口允许我们定义通用的接口，以适应不同类型的实现。这样可以增加接口的灵活性，并提供类型安全。

5. 类型转换和映射：泛型可以用于实现类型转换和映射操作。通过定义适当的泛型函数或类，我们可以方便地进行类型之间的转换和映射。

总而言之，泛型在需要编写灵活、可重用和类型安全的代码时非常有用。它可以减少代码冗余，并提高代码的可维护性和可扩展性。

相关问题

ts的接口和泛型的区别

TS（TypeScript）是 JavaScript 的超集，它提供了更加强大的类型系统和面向对象编程的支持。在 TS 中，接口和泛型都是非常重要的概念。

接口是一种定义对象结构的方式，它描述了对象应该具有的属性和方法。通过接口可以实现对对象的类型检查，从而提高代码的可读性和可维护性。

泛型是一种代码复用的方式，它允许我们编写一些可以用于多种类型的代码，从而提高代码的灵活性和可扩展性。泛型可以应用于函数、类和接口等多种场景，它可以避免代码重复，提高代码的复用性。

因此，接口和泛型的主要区别在于它们的应用场景和作用。接口主要用于定义对象的结构和类型检查，而泛型主要用于提高代码的复用性和灵活性。同时，接口是静态类型，而泛型是动态类型。

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');