TS新语法satisfies：声明还是推导？全看您内心

2024-01-04 07:35:34

在当今前端领域，TypeScript可谓是炙手可热。有了TypeScript，我们可以享受类型提示、类型检查等多重福音，这使得开发过程更加便捷高效。然而，在TypeScript的世界中，还有一个叫做“声明”的概念常常会困扰不少开发者。

声明，顾名思义，就是对变量、函数等进行类型定义。在 TypeScript 中，我们可以使用三种方式来声明类型：

显式声明：直接在变量或函数前加上类型注解，如：

let num: number = 10;
function sum(a: number, b: number): number {
    return a + b;
}

隐式声明：如果变量或函数的类型可以从其赋值或返回值中推导出来，则 TypeScript 会自动进行类型推导，而无需我们显式声明类型。

let num = 10; // TypeScript 推导出 num 的类型为 number
function sum(a, b) { // TypeScript 推导出 sum 的参数类型为 number，返回值类型为 number
    return a + b;
}

联合类型声明：如果一个变量或函数可以有多种类型，我们可以使用联合类型声明来指定这些类型。

let numOrStr: number | string = 10; // numOrStr 可以是数字也可以是字符串
function sumOrConcat(a: number | string, b: number | string): number | string {
    if (typeof a === 'number' && typeof b === 'number') {
        return a + b;
    } else {
        return a + b;
    }
}