2024-11-06 优化任务调度

Interaction to Next Paint (INP)

1.Yield often to break up long tasks 1.经常将长任务分解以提高效率

2.Avoid unnecessary JavaScript

3.Avoid large rendering updates

这个 RequiredKeys<T> 类型的定义是用来获取类型 T 中所有必需属性的键。我们来逐步分析一下这个类型的构造。

1. keyof T: 这部分会返回类型 T 中所有属性的键。

2. [k in keyof T as T[k] extends Required<T>[k] ? k : never]: 这是一个映射类型，它会遍历 T 的所有键 k。对于每个键 k，它会检查 T[k] 是否是 Required<T>[k] 的子类型。如果是，则保留这个键 k，否则返回 never。Required<T> 会将 T 中的所有属性变为必需属性。

3. keyof {...}: 最后，外层的 keyof 会提取出这个映射类型的所有键，实际上就是 T 中所有必需属性的键。

因此，RequiredKeys<T> 的最终结果是一个联合类型，包含了 T 中所有必需属性的键。

示例

假设我们有以下类型：

type Person = {
  name: string;
  age?: number;
  address?: string;
  email: string;
};

type RequiredKeysOfPerson = RequiredKeys<Person>; // "name" | "email"

在这个例子中，RequiredKeys<Person> 将返回 "name" | "email"，因为这两个属性是必需的。

总结

这个类型定义非常有用，尤其是在处理复杂类型时，可以帮助我们快速获取必需属性的键，以便进行类型安全的操作。你可以在 TypeScript 中使用这个类型来增强你的类型系统的灵活性和可读性。