一文了解什么是TypeScript?

什么是TypeScript?

TypeScript 是一种由微软开发和维护的自由和开源的编程语言，是 JavaScript 的一个超集，在 JavaScript 基础上添加了静态类型和其他特性。TypeScript 在许多方面都可以增强 JavaScript 的能力，并且还可以提高代码的可读性和可维护性。

TypeScript 可以编译为纯 JavaScript，这表示 TypeScript 在所有支持 JavaScript 的平台上都可以运行，并且可以无缝集成到现有的 JavaScript 代码中。

TypeScript 的优点

静态类型：TypeScript 支持静态类型，这意味着可以在编译时检测类型错误，避免在运行时才发现错误，从而提高代码质量以及可靠性。
易于维护：TypeScript 的类型系统以及其他特性可以使代码更易于阅读和理解，从而更容易维护。
更高效的开发：使用 TypeScript 可以减少代码重构的时间，从而使开发更有效率。

TypeScript 的示例

以下是两个 TypeScript 示例。

示例 1

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

function greet(user: User) {
    console.log(`Hello, ${user.name}!`)
}

let user = { name: 'Tom', age: 18 };

greet(user);

在上述示例中，我们定义了一个 User 接口和一个接收 User 对象并输出欢迎信息的函数 greet。我们还定义了一个名为 user 的对象，并将其传递给 greet 函数。由于 user 对象符合 User 接口的定义，因此 TypeScript 在编译时不会报错。

示例 2

class Animal {
    name: string;

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

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

class Snake extends Animal {
    constructor(name: string) {
        super(name);
    }

    move(distanceInMeters = 5) {
        console.log("Slithering...");
        super.move(distanceInMeters);
    }
}

let sam = new Snake("Sammy the Snake");
sam.move();

在上述示例中，我们定义了一个 Animal 类和一个 Snake 类，Snake 继承自 Animal。我们还创建了一个名为 sam 的 Snake 对象，并调用其 move 方法。由于 sam 是一个 Snake 对象，因此它继承了 Animal 的 move 方法，并且可以使用 move 方法。当我们调用 sam.move() 时，它首先输出 Slithering...，然后调用其父类的 move 方法，并输出 Sammy the Snake moved 5m.。