typescript快速入门

1. 安装 TypeScript

首先，你需要安装 Node.js，然后使用 npm（Node.js 的包管理器）来安装 TypeScript。

npm install -g typescript

2. 创建第一个 TypeScript 文件

创建一个名为 hello.ts 的文件，并写入以下代码

function greet(person: string): string {
  return "Hello, " + person;
}

let user = "World";
console.log(greet(user));

3. 编译 TypeScript 文件

使用 TypeScript 编译器 tsc 来编译你的 .ts 文件：

tsc hello.ts

这将生成一个 hello.js 文件，这是 TypeScript 代码编译后的 JavaScript 代码。

4. 运行 JavaScript 文件

使用 Node.js 运行编译后的 JavaScript 文件：

node hello.js

5. 理解 TypeScript 的类型系统

TypeScript 的核心特性之一是类型系统。它允许你为变量、函数参数和返回值指定类型。

let isDone: boolean = false;
let decimal: number = 6;
let color: string = "blue";
let list: number[] = [1, 2, 3, 4];
let x: { name: string; age: number } = { name: "Alice", age: 25 };

6. 接口和类

TypeScript 支持接口和类，这有助于你定义对象的结构和行为

interface Person {
  name: string;
  age: number;
}

class User implements Person {
  name: string;
  age: number;
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
}

7. 枚举

枚举（Enums）是一种方式，可以为一组数值赋予更易读的名字。

enum Color {Red, Green, Blue}
let c: Color = Color.Green;

8. 泛型

泛型允许你创建可重用的组件，这些组件可以支持多种类型的数据。

function identity<T>(arg: T): T {
  return arg;
}

let output = identity<string>("myString");

9. 模块

模块是 TypeScript 的一个核心概念，它允许你将代码组织成独立的单元。

// greeting.ts
export function sayHello(name: string) {
  console.log(`Hello, ${name}!`);
}

// app.ts
import { sayHello } from "./greeting";
sayHello("TypeScript");

10. 配置文件 tsconfig.json

TypeScript 项目通常包含一个 tsconfig.json 文件，它定义了编译器的配置。

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true
  },
  "include": ["./src/**/*"]
}

11. 进阶特性

• 高级类型：如联合类型、交叉类型、类型别名等。
• 装饰器：用于类和方法的元数据。
• 命名空间：用于组织代码。

12. 学习资源

• 官方文档：TypeScript 官方文档
• 在线课程：如 Udemy、Coursera 上的 TypeScript 课程。
• 社区：Stack Overflow、GitHub 等。