typescript教程

TypeScript 是一种开源的编程语言，是 JavaScript 的一个超集，它添加了一些新的特性，如静态类型、类、接口、泛型等，使得代码更加可读、可维护和可扩展。

下面是 TypeScript 的基础教程：

### 安装 TypeScript

使用 npm 安装 TypeScript：

npm install -g typescript

### 编写 TypeScript 代码

创建一个名为 `hello.ts` 的文件，输入以下代码：

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

let myName = "TypeScript";
sayHello(myName);

### 编译 TypeScript 代码

在终端中，切换到 `hello.ts` 文件所在的目录，运行以下命令进行编译：

tsc hello.ts

这将会生成一个名为 `hello.js` 的 JavaScript 文件，内容如下：

function sayHello(name) {
    console.log("Hello, " + name + "!");
}
var myName = "TypeScript";
sayHello(myName);

### 类

TypeScript 支持类和面向对象编程，可以使用 `class` 关键字定义类。例如：

class Animal {
  name: string;

  constructor(name: string) {
    this.name = name;
  }

  move(distanceInMeters: number = 0) {
    console.log(`${this.name} moved ${distanceInMeters}m.`);
  }
}

class Dog extends Animal {
  bark() {
    console.log("Woof! Woof!");
  }
}

let dog = new Dog("Buddy");
dog.bark();
dog.move(10);

### 接口

TypeScript 提供了接口来定义对象的类型。例如：

interface Person {
  firstName: string;
  lastName: string;
}

function sayHello(person: Person) {
  console.log(`Hello, ${person.firstName} ${person.lastName}!`);
}

let person = { firstName: "Type", lastName: "Script" };
sayHello(person);

### 泛型

TypeScript 支持泛型，可以让我们编写更加通用的函数和类。例如：

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

let output = identity<string>("Hello, TypeScript!");
console.log(output);

### 总结

本教程只是 TypeScript 的基础介绍，还有很多高级特性和用法。如果想要深入了解 TypeScript，请参考官方文档：[TypeScript Handbook](https://www.typescriptlang.org/docs/handbook/intro.html)。