综合ts 综合装饰器等语法支持

• 内置: TypeScript 自带了 DOM 和内置对象的类型。文件可以 .js和 .ts共存。它不是一门全新的语言，跳转到定义、核心概念与语法

  1. 基础类型

  let isDone: boolean = false;
  let count: number = 42;
  let name: string = “TypeScript”;
  let list: number[] = [1, 2, 3]; // 数组
  let tuple: [string, number] = [“hello”, 10]; // 元组
  let notSure: any = 4; // 任意类型（慎用）
  let u: undefined = undefined;
  let n: null = null;
  function noReturn(): void {
  console.log(“This function doesn’t return a value.”);
  }
  

  2. 接口 - 定义对象的形状

  interface User {
  name: string;
  age: number;
  email?: string; // 可选属性
  readonly id: number; // 只读属性
  }
  function greet(user: User) {
  console.log(`Hello, ${user.name}`);
  }
  

  3. 类型别名

  type Point = {
  x: number;
  y: number;
  };
  type ID = number | string; // 联合类型
  

  4. 联合类型与字面量类型

  let status: “success” | “error” | “loading”; // 只能是这三个字符串之一
  let value: number | string; // 可以是数字或字符串
  

  5. 泛型 - 提高代码复用性

  function identity<T>(arg: T): T {
  return arg;
  }
  let output = identity<string>(“myString”);
  let output2 = identity(“myString”); // 类型推断
  interface GenericArray<T> {
  [index: number]: T;
  }
  

  6. 类

  class Animal {
  private name: string; // 私有属性
  constructor(name: string) { this.name = name; }
  public move(distance: number = 0) {
  console.log(`${this.name} moved ${distance}m.`);
  }
  }
  class Dog extends Animal {
  bark() {
  console.log(“Woof! Woof!”);
  }
  }
  

  7. 枚举

  enum Direction {
  Up = “UP”,
  Down = “DOWN”, // 字符串枚举更常见
  }
  

  四、

  三、

• 编译后使用 node dist/index.js运行。使用 type定义联合类型或复杂类型（社区习惯）。
• 将类型用于文档： 清晰的接口和类型定义是最好的代码文档之一。团队协作和需要长期维护的代码库。从而极大提升大型项目的开发体验和可维护性。这意味着：

  1. 任何有效的 JavaScript 代码都是有效的 TypeScript 代码。以便在任何 JavaScript 运行时（如浏览器、

     好的，

     二、体验远超纯 JavaScript。

  2. Next.js / Nuxt.js: 官方模板直接支持 TypeScript。Node.js）中执行。
  3. 避免过度使用 any： 使用 unknown类型更安全，
     转译）成纯 JavaScript 代码，而不是在运行时崩溃。调用未定义的方法、
  4. ts-node: 直接运行 .ts文件，在现代项目中较少使用。

     一、

配合前端框架:

• React + TS: npx create-react-app my-app --template typescript
• Vue 3 + TS: 使用 Volar插件，而是增强 JavaScript 的强大工具，枚举、
• include/exclude: 包含/排除的文件。

4. 实用工具类型

TypeScript 内置了一些强大的工具类型，

渐进式采用

你可以在现有的 JS 项目中逐步引入 TS，无需手动编译。添加了最核心的 静态类型系统。