Typescript学习交叉类型函数重载

最新推荐文章于 2024-07-10 19:21:10 发布

aminwangaa

最新推荐文章于 2024-07-10 19:21:10 发布

阅读量215

点赞数

分类专栏： ts

本文链接：https://blog.csdn.net/aminwangaa/article/details/110131762

版权

ts 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

同名基础类型属性的合并

interface X {
    c: string
    d: string
}

interface Y {
    c: string
    e: number
}

type XY = X & Y
type YX = Y & X

let p: XY
let q: YX

p = {
    c: "a",
    d: "a",
    e: 5
}

q = {
    c: "a",
    d: "a",
    e: 5 
}

同名非基础类型属性的合并

interface D { d: boolean; }
interface E { e: string; }
interface F { f: number; }
interface A { x: D; }
interface B { x: E; }
interface C { x: F; }
type ABC = A & B & C;
let abc: ABC= {x: {d: true,e: 'semlinker',f: 666  }};
console.log('abc:', abc);

在这里插入图片描述

函数重载

type Combinable = string | number;

function add(a: number, b: number): number
function add(a: string, b: string): string
function add(a: string, b: number): string
function add(a: number, b: string): string
function add(a: Combinable, b: Combinable) {
    if (typeof a === "string" || typeof b === "string") {
        return a.toString() + b.toString()
    }
    return a + b
}

console.log(add(5, 5)) // 10
console.log(add("a", "b")) // ab
console.log(add("a", 5)) // a5
console.log(add(5, "b")) // 5b