当前位置：首页 > news >正文

typescript 中的类型推断

news 2024/10/22 16:41:26

在 TypeScript 中，类型推断（Type Inference）是一种编译器自动确定变量或表达式类型的能力。这大大减少了需要显式声明类型的代码量，使得代码更加简洁和易读。TypeScript 的类型推断机制非常强大，可以在很多情况下自动推断出正确的类型。

以下是一些常见的类型推断场景：

1. 变量声明

当你声明一个变量并给它赋一个值时，TypeScript 会根据赋值的内容推断变量的类型。

let x = 10; // 推断为 number 类型
let name = "TypeScript"; // 推断为 string 类型
let isDone = true; // 推断为 boolean 类型

2. 数组

当你声明一个数组并给它赋值时，TypeScript 会根据数组元素的类型推断数组的类型。

let numbers = [1, 2, 3]; // 推断为 number[]
let fruits = ["apple", "banana", "cherry"]; // 推断为 string[]

3. 函数参数和返回值

TypeScript 也可以推断函数的参数和返回值的类型。

function add(a: number, b: number): number {return a + b;
}let sum = add(5, 3); // sum 被推断为 number 类型// 在没有显式类型注解的情况下，TypeScript 也能推断出参数和返回值的类型
function greet(name: string): string {return `Hello, ${name}!`;
}let message = greet("Alice"); // message 被推断为 string 类型

4. 对象字面量

当你声明一个对象字面量时，TypeScript 会根据对象的属性类型推断对象的类型。

let person = {name: "Alice",age: 30
};// person 被推断为 { name: string; age: number; }

5. 上下文类型推断

在某些情况下，TypeScript 会根据上下文（如函数参数的期望类型）来推断变量的类型。

function findElement(array: number[], predicate: (element: number) => boolean): number | undefined {for (let element of array) {if (predicate(element)) {return element;}}return undefined;
}let result = findElement([1, 2, 3, 4], (x) => x > 2); // x 被推断为 number 类型

6. `let` 和 `const` 的区别

在 TypeScript 中，let 和 const 的类型推断略有不同。对于 const，由于它声明的变量是不可变的，TypeScript 有时会进行更严格的类型推断。

let arr = []; // 推断为 any[]
const fixedArr = []; // 推断为 never[]，因为没有指定元素类型，且不可变// 需要在声明时指定类型或添加元素来明确类型
const typedArr: number[] = [];
const inferredArr = [1, 2, 3]; // 推断为 number[]

7. 高级类型推断

在复杂的类型结构中，TypeScript 也能进行类型推断。例如，在泛型函数或类中。

function identity<T>(arg: T): T {return arg;
}let output = identity<string>("Hello"); // 输出被推断为 string 类型
let numOutput = identity(42); // 输出被推断为 number 类型