25、TypeScript 高级特性与依赖管理

TypeScript 高级特性与依赖管理

1. 利用 Record 类型同步类型和值

在 TypeScript 中，有时我们需要确保一个对象拥有与另一个对象完全相同的属性。例如：

interface ScatterProps {
  // ...
  onDoubleClick?: () => void;
}
const REQUIRES_UPDATE: Record<keyof ScatterProps, boolean> = {
  //  ~~~~~~~~~~~~~~~ Property 'onDoubleClick' is missing in type ...
  // ...
};

这里定义了一个 ScatterProps 接口，然后尝试用 Record 类型创建一个对象 REQUIRES_UPDATE ，要求它的属性与 ScatterProps 完全一致。如果 ScatterProps 有任何属性的增减或重命名， REQUIRES_UPDATE 的定义就会报错，这就是多余属性检查在起作用，它能确保对象拥有我们想要的精确属性集合。

若使用数组来实现类似功能，会陷入开放失败或关闭失败的困境：

const PROPS_REQUIRING_UPDATE: (keyof ScatterP