打字稿中有/没有typeof的区别答案

【问题标题】：difference between with/without typeof in typescript打字稿中有/没有typeof的区别
【发布时间】：2023-01-11 08:58:26
【问题描述】：

接口前有/没有typeof有什么区别？

它会改变行为吗？我找不到这方面的文档。

interface Props {
  children: React.ReactNode;
}
type Item = React.FC<Props>;
type Component = React.FC & {
  Item: typeof Item;
}

interface Props {
  children: React.ReactNode;
}
type Item = React.FC<Props>;
type Component = React.FC & {
  Item: Item;
}

【问题讨论】：

typeof 用于提取值的类型，或者作为一种特殊情况，用于提取类的构造函数类型。在这个例子中，你的第一个 sn-p 应该有一个错误：Item only refers to a type, but is being used as a value here，表明在那个地方使用 typeof 是无效的。
Docs for the typeof operator can be found here.
请记住typeof类型运算符是打字稿功能，与built-in javascript typeof value operator, which can be read about here.不同

【解决方案1】：

第一个没有意义，因为 typeof 只能应用于值，不能应用于类型。

【讨论】：

【解决方案2】：

TypeScript 添加了一个 typeof 运算符，您可以在类型上下文中使用它来引用变量或属性的类型

learn more关于Typeof类型运算符

【讨论】：