typeof 类型守卫

typeof 类型守卫（type guard）是 TypeScript 中的一种类型保护机制，用于在运行时检查变量的类型，以便在类型范围内执行相应的操作。这有助于避免类型错误，并使代码更安全和可读。

基本用法

typeof 类型守卫用于检查基本类型（如 string、number、boolean 等）。它的语法是 typeof variable === 'type'。

function printValue(value: string | number) {
    if (typeof value === 'string') {
        // 在这个代码块中，TypeScript 知道 value 是 string 类型
        console.log(`String value: ${value.toUpperCase()}`);
    } else {
        // 在这个代码块中，TypeScript 知道 value 是 number 类型
        console.log(`Number value: ${value.toFixed(2)}`);
    }
}

printValue('hello'); // 输出: String value: HELLO
printValue(123.456); // 输出: Number value: 123.46

使用场景

1. 处理联合类型：在处理联合类型时，typeof 类型守卫可以帮助你根据实际类型执行不同的逻辑。
2. 函数重载：当一个函数有多个重载签名时，typeof 类型守卫可以帮助你确定实际参数类型，从而执行相应的操作。
3. 代码安全性：通过类型检查，避免运行时类型错误，提升代码的安全性和稳定性。

例子

以下是一些 typeof 类型守卫的常见示例：

检查字符串类型

function isString(value: any): boolean {
    return typeof value === 'string';
}

console.log(isString('hello')); // 输出: true
console.log(isString(123));     // 输出: false

检查数字类型

function isNumber(value: any): boolean {
    return typeof value === 'number';
}

console.log(isNumber('hello')); // 输出: false
console.log(isNumber(123));     // 输出: true

处理联合类型中的不同类型

type User = {
    id: number;
    name: string;
};

function processInput(input: string | number | User) {
    if (typeof input === 'string') {
        console.log(`Received a string: ${input}`);
    } else if (typeof input === 'number') {
        console.log(`Received a number: ${input}`);
    } else {
        console.log(`Received a user: ${input.name}`);
    }
}

processInput('hello'); // 输出: Received a string: hello
processInput(123);     // 输出: Received a number: 123
processInput({ id: 1, name: 'John' }); // 输出: Received a user: John

类型守卫的局限性

typeof 类型守卫只能检查基本类型，对于对象类型或复杂类型（如接口、类等）需要使用其他类型守卫，如 instanceof 或用户自定义类型守卫。

class Animal {
    name: string;
    constructor(name: string) {
        this.name = name;
    }
}

class Dog extends Animal {
    breed: string;
    constructor(name: string, breed: string) {
        super(name);
        this.breed = breed;
    }
}

function isDog(animal: Animal): animal is Dog {
    return (animal as Dog).breed !== undefined;
}

const myPet: Animal = new Dog('Buddy', 'Golden Retriever');

if (isDog(myPet)) {
    console.log(`Dog breed: ${myPet.breed}`);
} else {
    console.log(`Animal name: ${myPet.name}`);
}

希望这些内容对你理解 typeof 类型守卫有所帮助。如果你有其他问题或需要更多示例，请随时告诉我！