写一个ts防抖

{
  "文章": {
    "标题": "用TypeScript实现前端防抖函数",
    "内容": [
      {
        "段落": "在前端开发中，防抖和节流是两种常用的性能优化手段。本文将介绍如何使用TypeScript编写一个简单的防抖函数。"
      },
      {
        "小标题": "什么是防抖？",
        "内容": "防抖是指在频繁触发事件（如调整窗口大小、滚动页面等）时，限制回调函数的执行次数。通常用于减少DOM操作、避免性能问题以及减少网络请求等场景。"
      },
      {
        "小标题": "实现防抖函数",
        "内容": [
          {
            "步骤": "1. 创建一个debounce函数，该函数接受两个参数：目标函数和等待时间。"
          },
          {
            "步骤": "2. 在debounce函数内部定义一个闭包函数，用于处理实际的防抖逻辑。"
          },
          {
            "步骤": "3. 使用setTimeout来延迟执行目标函数，并在每次触发事件时清除上一次的定时器。"
          },
          {
            "代码示例": "```typescript\nfunction debounce(func: Function, wait: number) {\n    let timeout: NodeJS.Timeout | null;\n\n    return function(...args: any[]) {\n        if (timeout) clearTimeout(timeout);\n\n        timeout = setTimeout(() => {\n            func.apply(this, args);\n        }, wait);\n    };\n}\n```"
          }
        ]
      },
      {
        "小标题": "使用防抖函数",
        "内容": "在实际应用中，你可以将需要防抖处理的回调函数传递给debounce函数。例如："
      },
      {
        "代码示例": "```typescript\nconst handleResize = () => {\n    console.log('Window resized');\n};\n\nwindow.addEventListener('resize', debounce(handleResize, 100));\n```"
      }
    ]
  }
}