TypeScript联合类型和类型保护

r囧r小猫 2023-07-23 06:57 24阅读 0赞

> TypeScript在使用联合类型时，会遇到以下问题，需要进行类型保护，以保证逻辑严谨性。

// 联合类型
    // 用于进行类型保护的方式
    // 1. as 语法 - 类型断言
    interface Bird { 
      fly: boolean;
      sing: () => { };
    }
    
    interface Dog { 
      fly: boolean;
      bark: () => { };
    }
    
    const trainAnimal = (animal: Bird | Dog) => { 
      animal.fly ? (animal as Bird).sing() : (animal as Dog).bark();
    };
    
    // 2. in 语法
    const trainAnimalSecond = (animal: Bird | Dog) => { 
      'sing' in animal ? animal.sing() : animal.bark();
    };
    
    // 3. typeof 语法
    const addData = (first: string | number, second: string | number) => { 
      return typeof first === 'string' || typeof second === 'string'
        ? `${ first}${ second}`
        : first + second;
    };
    
    // 4. instanceof 语法
    class NumberObj { 
      constructor(public count: number) { }
    }
    
    const addDataSecond = (
      first: object | NumberObj,
      second: object | NumberObj
    ) => { 
      return first instanceof NumberObj && second instanceof NumberObj
        ? first.count + second.count
        : 0;
    };

发表评论取消回复

表情：

评论列表（有 0 条评论，24人围观）

还没有评论，来说两句吧...

相关阅读

相关 TypeScript 联合类型的定义、使用场景和注意事项

在 TypeScript 中，联合类型（Union Types）是一种用于表示变量或参数可以具有多种类型的概念。它允许我们将多个类型中的一个或多个类型作为一个整体来使用。本文将

超、凢脫俗/ 2023年10月13日 22:25/ 0 赞/ 162 阅读

相关 TypeScript 中的基础类型：原始类型、对象类型、数组类型、元组类型、枚举类型和联合类型

TypeScript 是一种由微软开发的静态类型编程语言，它是 JavaScript 的超集，并且可以在编译时进行类型检查。TypeScript 强大的类型系统使得开发者能够更

谁借莪１个温暖的怀抱￠/ 2023年10月13日 21:07/ 0 赞/ 26 阅读

相关 typescript ts联合类型union

![在这里插入图片描述][415f57c270fe49cda51e64b637214108.png] 是字符串的数据才进行转换 ![在这里插入图片描述][fb1f346

梦里梦外;/ 2023年10月02日 20:17/ 0 赞/ 51 阅读

相关 Typescript使用字符串联合类型代替枚举类型

TypeScript宗旨我觉得Typescript的宗旨是任何一个 TypeScript 程序，在手动删去类型部分，将后缀改成 .js 后，都应能够正常运行。Type

素颜马尾好姑娘i/ 2023年08月17日 16:53/ 0 赞/ 143 阅读

相关 TypeScript联合类型和类型保护

> TypeScript在使用联合类型时，会遇到以下问题，需要进行类型保护，以保证逻辑严谨性。 // 联合类型 // 用于进行类型保护的方式 // 1

r囧r小猫/ 2023年07月23日 06:57/ 0 赞/ 25 阅读

相关 typescript基础——数据类型和类型断言

typescript是一种给javascript添加特性的语言扩展。扩展功能包括：类型批注和编译时类型检查类型推断类型擦除接口枚

小鱼儿/ 2023年07月22日 11:27/ 0 赞/ 20 阅读

相关一文带你了解TypeScript类型断言与类型保护

目录本文概览： 1. 类型断言 2. 双重断言 3. 类型保护

た入场券/ 2022年12月27日 09:06/ 0 赞/ 200 阅读

相关 ⑦ TypeScript 类型保护、tsconfig.json文件

TypeScript tsconfig.json文件类型保护 TS中使用jQuery -------------------- 写下博客主要用来分

缺乏、安全感/ 2022年12月22日 14:26/ 0 赞/ 207 阅读

相关 TypeScript - 联合类型

联合类型（Union Types）表示取值可以为多种类型中的一种。 let myFavoriteNumber: string | number; myFavo

落日映苍穹つ/ 2021年12月16日 23:57/ 0 赞/ 394 阅读

相关 typescript 数据类型、函数返回值、类型断言、联合类型、类型兼容

null和undefined类型: 是所有类型的子类型,即可以将任意类型赋值为二者 any类型: 可以赋值任何类型

╰半夏微凉°/ 2021年07月24日 16:55/ 0 赞/ 597 阅读