前端 TypeScript 面试题, TypeScript 的类型操作符 typeof 有什么作用?

Step 1

Q:: TypeScript 的类型操作符 typeof 有什么作用？

A:: typeof 是 TypeScript 中用于获取变量或表达式的类型信息的操作符。在 TypeScript 中，typeof 可以用在类型上下文中（例如类型注解）以推断某个值的类型。通过使用 typeof，我们可以编写出更加灵活和通用的代码，特别是在类型较为复杂或无法提前确定类型的情况下。例如：

 
let value = 'hello';
type ValueType = typeof value; // ValueType 为 'string'
 

在这个例子中，typeof value 将返回 string，因此 ValueType 被推断为 string 类型。

Step 2

Q:: 如何使用 typeof 进行类型保护？

A:: typeof 操作符不仅可以在类型注解中使用，还可以在运行时进行类型保护。typeof 返回一个字符串，表示一个变量的类型，可以根据这个返回值对变量进行类型判断，从而实现类型保护。例如：

 
function padLeft(value: string | number, padding: string | number) {
  if (typeof padding === 'number') {
    return Array(padding + 1).join(' ') + value;
  }
  if (typeof padding === 'string') {
    return padding + value;
  }
  throw new Error(`Expected string or number, but got ${typeof padding}.`);
}
 

在这个函数中，我们通过 typeof padding 来判断 padding 是 string 还是 number，从而在编译时确保代码的安全性。

Step 3

Q:: typeof 和 instanceof 有什么区别？

A:: typeof 和 instanceof 是两种不同的操作符，分别用于不同的场景。typeof 是一个操作符，返回一个字符串，表示一个变量的类型。它主要用于判断原始数据类型（如 string、number、boolean 等）和函数类型。

而 instanceof 用于检测对象的具体类型。它通过判断对象的原型链是否包含构造函数的 prototype 属性来确定对象是否是某个类的实例。例如：

 
class Person {}
let person = new Person();
console.log(person instanceof Person); // true
 

因此，typeof 主要用于判断基础类型，而 instanceof 主要用于判断对象类型。