目录
一、 第一层：双重身份（定性回答）
二、 第二层：三大核心应用场景（技术深度）
1. 从“值”推导“类型”（避免重复定义）
2. “王炸组合”：keyof typeof
3. 获取函数的签名
三、 第三层：进阶细节（避坑与加分）
四、 面试简答模板（建议背诵）
回答思路
简答模板
💡 精彩对比示例（如果需要演示）
回答typeof的面试题，精彩之处在于你能清晰地划分其在JavaScript（运行期）与TypeScript（编译器）中完全不同的双重身份。
以下是为你准备的深度解析和面试答题模板：
一、 第一层：双重身份（定性回答）
“
typeof在 TypeScript 中具有**‘双重人格’** ：
- 在值空间（Value Space）：它是原生的 JavaScript 操作符，在运行时执行，返回一个表示变量类型的字符串（如
"string","object"等）。- 在类型空间（Type Space）：它是 TypeScript 的类型查询操作符。它在编译时执行，用于获取一个变量或属性的‘静态类型’，并将其用于类型定义。”
二、 第二层：三大核心应用场景（技术深度）
1. 从“值”推导“类型”（避免重复定义）
这是最常用的场景。如果你已经定义了一个复杂的常量或对象，不需要再手写一个对应的interface。
- 示例：
const config = { port: 8080, host: 'localhost' }; - 应用：
type Config = typeof config;—— 此时Config自动获得了确切的结构。
2. “王炸组合”：keyof typeof
在处理配置对象或常量映射时，这是最精彩的用法。
- 场景：获取一个对象中所有键名作为联合类型。
- 代码：
type ConfigKeys = keyof typeof config;// 得到"port" | "host"。 - 价值：当
config对象增加属性时，ConfigKeys会自动更新，彻底解决了类型同步的痛点。
3. 获取函数的签名
当你需要引用一个第三方库导出的具体函数类型，但对方没提供Type定义时。
- 应用：
type FuncType = typeof myFunc;—— 可以直接用它来约束高阶函数或回调。
三、 第三层：进阶细节（避坑与加分）
- 类（Class）的特殊性：
- 对类名使用
typeof，获取的是类的构造函数类型（Constructor），而不是类的实例类型。 - 如果不加
typeof，const a: Person指的是Person的实例。
- 对类名使用
- 局限性：
typeof只能查询变量、属性、函数的类型，不能查询函数调用的结果或复杂的表达式。
四、 面试简答模板（建议背诵）
面试官：TypeScript 中 typeof 有什么作用？
回答模板：
“在 TypeScript 中，
typeof的作用可以总结为：‘以现有的值作为蓝本，自动提取类型信息’。它在运行期和编译期有不同的表现。在运行期，它就是普通的 JS
typeof；但在开发阶段，它是我们的类型推导神器。我在实际项目中主要用它解决三个问题：
- 实现‘唯一事实来源’（Single Source of Truth）：比如我先写好一份复杂的
Const配置，再通过typeof提取类型。这样我修改配置值时，类型定义会自动跟随变化，不需要手动维护两套代码，减少了出错概率。- 配合 keyof 使用：经常用
keyof typeof obj来动态生成属性名联合类型。这是编写强类型工具函数（如getSetting(key)）时的核心逻辑。- 处理外部模块：当使用一些没写类型定义的旧 JS 库时，我会通过
typeof捕获其导出的函数或对象结构，快速构建出临时类型约束。简单一句话总结：
typeof让我们能够‘基于代码推导类型’，大大降低了手动维护冗余类型的成本。”
回答思路
- 不是 JS 运行时
typeof - 在类型层面获取变量类型
简答模板
在 TypeScript 里，
typeof可以用来获取一个变量或对象的类型。
它通常用于从已有值推导出对应的类型，避免重复定义类型结构。
💡 精彩对比示例（如果需要演示）
const colors = { red: "#ff0000", blue: "#0000ff" }; // 1. 获取类型 type ColorTheme = typeof colors; /* 得到： { red: string; blue: string; } */ // 2. 获取键名联合类型（面试最爱问） type ColorNames = keyof typeof colors; /* 得到： "red" | "blue" */ // 3. 在运行期和编译期的区别 const str = "hello"; let isString = (typeof str === 'string'); // 运行期 JS 逻辑 type StrType = typeof str; // 编译期 TS 逻辑，得到 string 类型
