TypeScript

简介

安装 TypeScript

获取 TypeScript 工具有两种主要方式：

通过 npm（Node.js 包管理器）
npm install -g typescript
安装 Visual Studio 的 TypeScript 插件
- Visual Studio 2017 和 Visual Studio 2015 Update 3 默认包含 TypeScript。如果未安装，下载安装。

构建第一个 TypeScript 文件

在编辑器中，创建 greeter.ts 文件，并输入以下代码：

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

let user = "Jane User";

document.body.innerHTML = greeter(user);

编译代码：

tsc greeter.ts

你会看到转化成了js文件

类型注解

类型注解是 TypeScript 的轻量级约束方式，例如：

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

let user = [0, 1, 2];  // 编译时会产生错误

接口

使用接口描述对象结构：

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

function greeter(person: Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}

let user = { firstName: "Jane", lastName: "User" };

document.body.innerHTML = greeter(user);

类

支持基于类的面向对象编程，在构造函数的参数上使用public等同于创建了同名的成员变量。

class Student {
    fullName: string;
    constructor(public firstName, public middleInitial, public lastName) {
        this.fullName = firstName + " " + middleInitial + " " + lastName;
    }
}

let user = new Student("Jane", "M.", "User");

运行 TypeScript Web 应用

在 greeter.html 中输入：

<!DOCTYPE html>
<html>
    <head><title>TypeScript Greeter</title></head>
    <body>
        <script src="greeter.js"></script>
    </body>
</html>