学习 TypeScript，上手带着做小例子

什么是 TypeScript？

TypeScript 是 JavaScript 的超集，它增加了静态类型、类、接口和其他面向对象编程概念。TypeScript 可以在编程时直接检查代码的类型和错误，从而提升开发效率和代码的可维护性。

安装 TypeScript

要使用 TypeScript，首先需要安装 TypeScript 的编译器。可以通过 npm 安装：

npm i -g typescript

安装完成后，使用 tsc 命令来编译 TypeScript 文件。

TypeScript 的基本语法

类型注解

在 TypeScript 中，可以使用类型注解来指定变量的类型。例如：

let num: number = 123;
let str: string = 'hello';

这里，变量 num 的类型是 number，变量 str 的类型是 string。

接口

在 TypeScript 中，可以使用接口来描述对象的结构。例如：

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

这里，定义了一个 Person 接口，它包含 name 和 age 两个属性，分别是 string 类型和 number 类型。

类

在 TypeScript 中，可以使用类来实现面向对象编程。例如：

class Animal {
  constructor(public name: string, public age: number) {}
  say() {
    console.log(`My name is ${this.name}, age ${this.age}`);
  }
}

这里，定义了一个 Animal 类，它包含两个属性 name 和 age，还有一个 say 方法，用来输出动物的基本信息。

TypeScript 的示例程序

下面是一个使用 TypeScript 编写的示例程序，用来计算两个数字的和：

interface Addable {
  (a: number, b: number): number;
}

class Calculator {
  constructor(private add: Addable) {}
  calculate(a: number, b: number) {
    return this.add(a, b);
  }
}

let add: Addable = (a: number, b: number) => {
  return a + b;
};

let calculator = new Calculator(add);
console.log(calculator.calculate(1, 2));

这里，定义了一个接口 Addable，它描述了一个函数类型，接受两个 number 类型的参数，返回一个 number 类型的值。

然后，定义了一个 Calculator 类，在构造函数中传入了一个 Addable 对象，用来计算两个数字的和。

最后，定义了一个 add 函数对象，实现了 Addable 接口，并创建了一个 Calculator 对象。调用 Calculator 的 calculate 方法，就可以输出两个数字的和了。

总结

TypeScript 是一个强类型的编程语言，它可以在开发时检查代码的类型和错误，从而提升代码的可维护性和开发效率。学习 TypeScript 的基础语法，能够让我们更加高效地编写代码，并且可以实现更加复杂的功能。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6590263beb4cecbf2d5a34a3