美文网首页
交叉类型、联合类型、类型断言

交叉类型、联合类型、类型断言

作者: 回不去的那些时光 | 来源:发表于2023-04-11 16:25 被阅读0次

联合类型(|)

联合类型,或者的意思

let numberOrString: number | string;

交叉类型(&)

交叉类型,两个都需要

interface a {
  name: string;
}
interface b {
  age: number;
}

type obj = a & b;
let obj1: obj = {
  name: 'dj',
  age: 11
}

类型断言

使用 as 关键字可以告诉 ts 我们是什么类型

function getLength(input: string | number): number {
  const str = input as string
  if (str.length) {
    return str.length
  } else {
    const number = input as number
    return number.toString().length
  }}

类型守卫

typescript 在不同的条件分支里面,智能的缩小了范围,这样我们代码出错的几率就大大的降低了。

function getLength2(input: string | number): number {
  if (typeof input === 'string') {
    return input.length
  } else {
    return input.toString().length
  }}

相关文章

  • TypeScript06(类型断言 | 联合类型 | 交叉类型)

    联合类型 函数使用联合类型 交叉类型 多种类型的集合,联合对象将具有所联合类型的所有成员 类型断言 语法:值 as...

  • TypeScript 08 - 高级类型

    交叉类型 联合类型 类型保护 可以为 null 的类型 字符串字面量类型 1. 交叉类型 交叉类型是将多个类型合并...

  • 03|typescript高级用法

    一、交叉类型 交叉类型取所有类型的并集 二、联合类型 声明的类型不确定,是多个类型中的一个联合类型取所有类型的交集...

  • 泛型扩展

    基础必备知识 联合类型vs交叉类型 联合类型使用 “|”表示或的关系, 满足其中的一个情况即可。 交叉类型使用“&...

  • 05-TypeScript-交叉类型-联合类型-类型保护

    交叉类型 格式: type1 & type2 & ... 交叉类型是将多个类型合并为一个类型 联合类型 格式: ...

  • typescript入门-高级类型

    交叉类型 联合类型 联合类型表示一个值可以是几种类型之一 只能访问此联合类型的所有类型里共有的成员 类型区分 通过...

  • TypeScript类型断言

    类型断言(Type Assertion)可以用来手动指定一个值的类型 自己理解,在联合类型的时候,只能访问联合类型...

  • TS 联合类型和交叉类型

    联合类型 通过 | 将变量设置多种类型,赋值时可以根据设置的类型来赋值。举例说明: 联合基础类型 联合对象类型 可...

  • TypeScript - 类型深入

    更深入了解 TypeScript 类型系统 通过 联合类型、交叉类型、字面量类型 来满足更多的标注需求 通过 类型...

  • 一文看完 Typescript

    Typescript 基础类型 联合类型 即允许多个类型同时存在 交叉类型 使用 & 符号将多个类型叠加到一起成为...

网友评论

      本文标题:交叉类型、联合类型、类型断言

      本文链接:https://www.haomeiwen.com/subject/ikjhddtx.html