TypeScript 从入门到精通

TypeScript 让你的 JavaScript 代码更安全、更易于管理。它能帮你及早发现错误。

TypeScript 为 JavaScript 增加了静态类型。运行时它会转换为纯 JavaScript。

常用基础类型：

  • number：用于所有数字
  • boolean：true 或 false
  • string：用于文本
  • symbol：用于唯一 ID
  • bigint：用于极大数字

类型注解： let name: string = "Alice"; let age: number = 30;

数组与对象： let fruits: string[] = ["apple", "banana"]; let user: { name: string; age: number } = { name: "Bob", age: 25 };

函数： function greet(name: string): string { return "Hello, " + name; }

如果函数没有返回值，请使用 void： function logMessage(): void { console.log("Message sent"); }

高级工具：

  • Type Aliases（类型别名）：创建你自己的类型。
  • Interfaces（接口）：定义对象的形状。
  • Enums（枚举）：使用一组命名的常量。
  • Tuples（元组）：具有特定类型的固定长度数组。
  • Generics（泛型）：创建可用于多种类型的可复用代码。
  • Utility Types（工具类型）：使用 Partial、Pick 或 Record 来修改类型。

工作流最佳实践：

  • 对于简单的别名和原始类型，使用 type。
  • 对于对象形状，使用 interface。
  • 避免使用 any。它会破坏代码的安全性。
  • 如果还不确定类型，请使用 unknown。
  • 当类型显而易见时，让编译器进行类型推断。
  • 为你的 API 添加注解以提高清晰度。

精通这些工具能帮助你构建大型、稳定的应用程序。

出处：https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j