<h1>《TypeScript四大护法：稳坐类型安全宝座》</h1>

2023-04-10 09:49:05

TypeScript 中的类型守卫：确保代码类型安全

什么是类型守卫？

在 TypeScript 开发中，类型守卫扮演着至关重要的角色，帮助我们检查变量的类型并根据不同的类型执行不同的操作。通过类型守卫，我们可以确保代码的类型安全，防止意外错误。

四种常见的类型守卫方式

1. in 运算符

in 运算符可用于检查对象是否具有某个属性或方法。语法如下：

if ("propertyName" in object) {
  // object 具有 "propertyName" 属性或方法
}

代码示例：

interface Person {
  name: string;
  age: number;
}

function greet(person: Person) {
  if ("name" in person) {
    console.log(`Hello, ${person.name}!`);
  }
}

2. instanceof 运算符

instanceof 运算符可用于检查对象是否属于某个类。语法如下：

if (object instanceof Class) {
  // object 是 Class 的实例
}

代码示例：

class Person {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
}

function greet(person: any) {
  if (person instanceof Person) {
    console.log(`Hello, ${person.name}!`);
  }
}

3. typeof 运算符

typeof 运算符可用于获取变量的类型。语法如下：

const type = typeof variable;

代码示例：

let name: string = "John";
let age: number = 30;

console.log(typeof name); // "string"
console.log(typeof age); // "number"

4. 自定义类型守卫

除了内置的类型守卫方式，我们还可以定义自己的自定义类型守卫函数。自定义类型守卫函数可以根据特定的条件来检查变量的类型。

代码示例：

function isString(value: any): value is string {
  return typeof value === "string";
}

function greet(value: any) {
  if (isString(value)) {
    console.log(`Hello, ${value}!`);
  }
}