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

学习来源：学习TypeScrip6（类型断言 | 联合类型 | 交叉类型）_小满zs的博客-CSDN博客

联合类型

// 例如我们的手机号通常是 13****** 为数字类型 这时候产品说需要支持座机
// 所以我们就可以使用联合类型支持座机字符串
let myPhone = number | string = '010-820'

// 这样写会报错的，因为我们的联合类型只有数字和字符串，没有布尔值
let myPhone : number | string = true;

函数使用联合类型

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

交叉类型

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

interface People {
    age: number,
    height: number
}
interface Man {
    sex: string
}

const xiaoming = (man: People & Man) =>{
    console.log(man.age);
    console.log(man.height);
    console.log(man.sex)
}

xiaoming({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{
    huild: 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 names = '小满' 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