什么是类型推断？

类型推断是 TypeScript 中的一项功能，它会根据变量或表达式的值自动确定其类型。

例如，当您编写 let age = 25; 时，TypeScript 会推断出 age 的类型为 number。

类型推断的好处

类型推断减少了显式声明类型的需要，使您的代码更简洁，也更易于编写。

它还可以帮助 TypeScript 在开发过程中捕获错误，在不添加额外注解的情况下确保类型安全。

类型推断示例

以下是一些示例： 

• let message = 'Hello'; - TypeScript 会推断其类型为 string。 
• const isActive = true; - TypeScript 会推断其类型为 boolean。

类型推断也适用于函数返回值：

function add(a: number, b: number) {
  return a + b;
}

什么是上下文类型推断？

当 TypeScript 根据变量所在的上下文为其分配类型时，就会发生上下文类型推断。

例如，在使用事件监听器时，TypeScript 会推断 event 参数的类型：

document.addEventListener('click', (event) => {
  console.log(event.clientX); // TypeScript knows event is a MouseEvent
});

document.addEventListener('click', (event) => {
  console.log(event.clientX);
});

上下文类型推断的好处

上下文类型推断减少了手动添加类型注解的需要，从而改善了开发体验。

它有助于捕获错误，并确保您在特定上下文中使用正确的类型。

类型推断的常见场景

TypeScript 会在许多情况下执行类型推断，例如：

• 变量初始化：let name = 'John';
• 函数返回值：function greet() { return 'Hello'; }
• 数组值：let numbers = [1, 2, 3];（推断为 number[]）。

何时使用显式类型

虽然 TypeScript 的类型推断功能强大，但在某些情况下，使用显式类型会更好：

• 类型含义不明确或较为复杂时。
• 为函数参数指定类型，以确保代码清晰。
• 对于公共 API，显式类型可以提高可读性和可维护性。

练习：类型推断和上下文类型推断

请编写一个函数，接收两个数字作为输入，并返回它们的和。TypeScript 会为您推断类型！

示例：

function addNumbers(a, b) {
  return a + b;
}

function addNumbers(a, b) {
  return a + b;
}

做得很好！

您已经了解了 TypeScript 如何使用类型推断和上下文类型推断，让您的代码更高效且具有类型安全性。请继续探索 TypeScript 的强大功能，提升您的编码技能！