TypeScript基础知识：类型推导和上下文类型化

        在 TypeScript 中，类型推导和上下文类型化是两个重要的概念。它们使得代码编写更加简洁、可读性更高，并且帮助我们避免冗余的类型注解。本文将深入探讨这两个概念，并通过示例代码演示它们的用法和好处。

一、类型推导

        类型推导是 TypeScript 的一个强大特性，它能够根据变量的值自动推断出其类型。这样一来，我们无需显式地为每个变量添加类型注解，而是让 TypeScript 根据上下文自动推导出最合适的类型。

let num = 10; // TypeScript 推断 num 的类型为 number
let message = "Hello, TypeScript!"; // TypeScript 推断 message 的类型为 string
let isActive = true; // TypeScript 推断 isActive 的类型为 boolean

// 推导出数组的元素类型
let numbers = [1, 2, 3]; // TypeScript 推断 numbers 的类型为 number[]
let names = ["Alice", "Bob", "Charlie"]; // TypeScript 推断 names 的类型为 string[]

通过类型推导，我们可以省去显式添加类型注解的步骤，使得代码更加简洁和易于维护。

二、上下文类型化

        上下文类型化是指 TypeScript 根据表达式所在的上下文环境来推导出表达式的类型。这种类型推导方式在函数调用、赋值操作和对象字面量等场景中非常有用。

// 函数调用中的上下文类型化
function greet(name: string) {
  console.log("Hello, " + name.toUpperCase() + "!");
}

let username = "Alice";
greet(username); // TypeScript 根据 greet 函数的参数类型推导出 username 的类型为 string

// 赋值操作中的上下文类型化
let x = [1, 2, 3];
let y = x; // TypeScript 推断 y 的类型为 number[]，与 x 的类型相同

// 对象字面量中的上下文类型化
interface Point {
  x: number;
  y: number;
}

function printPoint(point: Point) {
  console.log("x:", point.x);
  console.log("y:", point.y);
}

let point = { x: 10, y: 20 };
printPoint(point); // TypeScript 根据 printPoint 函数的参数类型推导出 point 的类型为 Point

通过上下文类型化，我们可以利用已知的上下文信息来推导出更精确的类型，减少不必要的类型注解。