联合类型和类型保护

码到头秃还不会

于 2021-11-14 17:53:24 发布

阅读量262

点赞数

分类专栏： TypeScript 文章标签： typescript javascript

本文链接：https://blog.csdn.net/Web__L/article/details/121272382

版权

TypeScript 专栏收录该内容

6 篇文章

订阅专栏

本文探讨了在TypeScript中如何处理联合类型，并介绍了四种类型保护方法：断言as方式、in方式、typeof方式和instanceof方式。通过示例代码展示了如何在不同场景下使用这些类型保护技术来确保正确地调用对象的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

联合类型和类型保护

类型保护在需要联合类型的时候才会出现或需要类型保护(类型守护)。
先创建两个接口

interface Student{
    anjiao: boolean;
    say: () => {
    
    }
}
interface Teacher {
    anjiao: boolean;
    skill: () => {};
}

调用判断接口，所采用的类型守护方式(常用的有四种)
断言 as方式

function judgeWho(animal: Student| Teacher) {
    if(animal.anjiao){
        (animal as Teacher).skill()
    }else{
        (animal as Student).say()
    }
}

in 方式

function judgeWhoTow(animal: Student| Teacher) {
    if ('skill' in animal) {
        animal.skill();
    }else {
        animal.say();
    }
}

typeof方式

function add(first: string | number,second: string | number) {
    if(typeof first === 'string' || typeof second === 'string') {
        return `${first}${second}`;
    }
    return first + second;
}

instanceof方式

class NumberObj {
    count!: number; //非空用法
}
function addObj(first: object | NumberObj, second: object | NumberObj){
    if (first instanceof NumberObj && second instanceof NumberObj) {
        return first.count + second.count;
    }
    return 0;
}