reactjs - Typescript:超时的正确类型是什么？

Question

处理计时器时正确的类型是什么？我已经尝试过 Timeout 和 number

  let debounceResize: any;
//                     ^ What should this be?
  window.addEventListener('resize', () => {
    clearTimeout(debounceResize);
    debounceResize = setTimeout(calcCanvasSize, 500);
  });

Answer 1

对于这种情况，我会给你两个选择:

1. 将 debounceResize 的类型定义为 setTimeout 的返回类型，使用 ReturnType 原生泛型。

let debounceResize: ReturnType<typeof setTimeout>;

使用window.setTimeout而不是仅使用setTimeout。 window.setTimeout 返回一个数字。

let debounceResize: number;

debounceResize = window.setTimeout(() => {}, 1000);