学习TypeScrip6(类型断言 | 联合类型 | 交叉类型)

简介: 学习TypeScrip6(类型断言 | 联合类型 | 交叉类型)

联合类型


//例如我们的手机号通常是13XXXXXXX 为数字类型 这时候产品说需要支持座机
//所以我们就可以使用联合类型支持座机字符串
let myPhone: number | string  = '010-820'
//这样写是会报错的应为我们的联合类型只有数字和字符串并没有布尔值
let myPhone: number | string  = true


函数使用联合类型、


const fn = (something:number | boolean):boolean => {
     return !!something
}


交叉类型


多种类型的集合,联合对象将具有所联合类型的所有成员


interface People {
  age: number,
  height: number
}
interface Man{
  sex: string
}
const xiaoman = (man: People & Man) => {
  console.log(man.age)
  console.log(man.height)
  console.log(man.sex)
}
xiaoman({age: 18,height: 180,sex: 'male'});


类型断言


语法:  值 as 类型  或  <类型>值  value as string  <string>value


interface A {
       run: string
}
interface B {
       build: string
}
const fn = (type: A | B): string => {
       return type.run
}
//这样写是有警告的应为B的接口上面是没有定义run这个属性的


interface A {
       run: string
}
interface B {
       build: string
}
const fn = (type: A | B): string => {
       return (type as A).run
}
//可以使用类型断言来推断他传入的是A接口的值


需要注意的是,类型断言只能够「欺骗」TypeScript 编译器,无法避免运行时的错误,反而滥用类型断言可能会导致运行时错误:


使用any临时断言


window.abc = 123
//这样写会报错因为window没有abc这个东西


(window as any).abc = 123
//可以使用any临时断言在 any 类型的变量上,访问任何属性都是允许的。


as const


是对字面值的断言,与const直接定义常量是有区别的


如果是普通类型跟直接const 声明是一样的


const names = '小满'
names = 'aa' //无法修改
let names2 = '小满' as const
names2 = 'aa' //无法修改


// 数组
let a1 = [10, 20] as const;
const a2 = [10, 20];
a1.unshift(30); // 错误,此时已经断言字面量为[10, 20],数据无法做任何修改
a2.unshift(30); // 通过,没有修改指针


类型断言是不具影响力的


在下面的例子中,将 something 断言为 boolean 虽然可以通过编译,但是并没有什么用 并不会影响结果, 因为编译过程中会删除类型断言


function toBoolean(something: any): boolean {
    return something as boolean;
}
toBoolean(1);
// 返回值为 1
//


下一章学习TypeScrip7(内置对象)_qq1195566313的博客-CSDN博客

目录
相关文章
|
弹性计算 JavaScript 前端开发
常见类型-1:空,联合,枚举
本实验将介绍TypeScript中空,联合,枚举类型的用法。
|
4月前
|
JavaScript
通过类型缩小来处理联合类型值
通过类型缩小来处理联合类型值
21 0
|
6月前
|
编译器 C语言 C++
结构体,枚举,联合大小的计算规则
结构体,枚举,联合大小的计算规则
46 7
|
6月前
|
JavaScript 前端开发 编译器
TypeScript中的高级类型:联合类型、交叉类型与条件类型深入解析
【4月更文挑战第23天】探索TypeScript的高级类型。这些特性增强类型系统的灵活性,提升代码质量和维护性。
|
6月前
|
编译器 程序员 C++
【C++ 类型推导 】深入探索C++类型推导:从C++11到C++20的进化之路
【C++ 类型推导 】深入探索C++类型推导:从C++11到C++20的进化之路
76 0
|
C语言 C++
竞赛(变量定义、赋值及转换)
竞赛(变量定义、赋值及转换)
|
6月前
|
开发框架 .NET 编译器
C# 9.0中的目标类型新表达式:类型推断的又一进步
【1月更文挑战第16天】C# 9.0引入了目标类型新表达式,这是类型推断功能的一个重要扩展。通过目标类型新表达式,开发者在创建对象时可以省略类型名称,编译器会根据上下文自动推断所需类型。这一特性不仅简化了代码编写,还提高了代码的可读性和维护性。本文将详细介绍目标类型新表达式的语法、使用场景及其对C#编程的影响。
|
6月前
|
JavaScript 前端开发 程序员
TypeScript【枚举、联合类型函数_基础、函数_参数说明 、类的概念、类的创建】(二)-全面详解(学习总结---从入门到深化)
TypeScript【枚举、联合类型函数_基础、函数_参数说明 、类的概念、类的创建】(二)-全面详解(学习总结---从入门到深化)
44 0
|
JavaScript 编译器
TypeScript 联合类型(|)、类型断言(<>、as)
TypeScript 联合类型(|)、类型断言(<>、as)
57 0
|
JavaScript
学习TypeScrip11(类型推论|类型别名)
如果你声明变量没有定义类型也没有赋值这时候TS会推断成any类型可以进行任何操作
89 0
学习TypeScrip11(类型推论|类型别名)