Ts之类型断言|联合类型|交叉类型

57 阅读1分钟

联合类型

// 同时支持 number 类型和字符串类型
let numStr: number | string = '101-888545213'
//这样写是会报错的应为我们的联合类型只有数字和字符串并没有布尔值
// let numBol: number | string  = false

// 函数使用联合类型
const fn = function (type: number | boolean): boolean {
    return !!type  //  !! 强制转换
}

let a = fn(false) // 如果传其他类型就会报错
console.log(a)

交叉类型

// 交叉类型
interface apple {
    name: string
    age: number
}

interface da {
    gender: number
}

const daBai = (bai: apple & da): void => { // 跟 extends 差不多 后面可以跟多个
    console.log(bai)
}
daBai({
    name: '原神小白',
    age: 2,
    gender: 1
})

类型断言

// 类型断言
let ad = function (num: number | string): void {
    console.log((num as string).length);
}
ad(123252)  // 打印结果 undefined
// 说明类型断言可以欺骗 typeScript的编译器,但是运行时还是会报错


interface A {
    uni: string
}

interface B {
    bui: string
}

const pdd = (type: A | B): string => {
    // return (type).run
    console.log((<A>type).uni)  // type as A
}

pdd({
    bui:"12334"
})
//这样写是有警告的应为B的接口上面是没有定义run这个属性的
// 比如我想挂一个变量
 window.qwe = 894 // 报错,我此时可以把他断言为 any类型
(window as any).abc = 454