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

联合类型

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

函数使用联合类型

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

交叉类型

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

interface Person {
    
    
  age: number,
  height: number
}
interface Man{
    
    
  sex: string
}
const zs = (man: Person & Man) => {
    
    
  console.log(man.age)
  console.log(man.height)
  console.log(man.sex)
}
zs({
    
    age: 18,height: 190,sex: '男'});

类型断言

• 语法：值 as 类型 或 <类型>值 value as 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.a = 123
//这样写会报错因为window没有a这个东西

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