JS - TypeScript瞎看看

文档阅读：
5分钟上手TypeScript，看了不只5分钟起码有6分钟吧

TypeScript——JavaScript的超集，TypeScript带来了可选的静态类型检查以及最新的ECMAScript特性。
神奇吧。对于弱类型语言js的检验起了重要作用～··

5分钟过一遍

1. 类型

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

2. 接口
   允许我们在实现接口时候只要保证包含了接口要求的结构就可以，而不必明确地使用 implements语句。

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);//Hello, Jane User

3. 类
   TypeScript支持JavaScript的新特性，比如支持基于类的面向对象编程。

class Student {
    fullName: string;
    // 构造函数
    // 在构造函数的参数上使用public等同于创建了同名的成员变量，即只能被对象调用；
    // 静态变量是还可以被类名调用
    constructor(public firstName, public middleInitial, public lastName) {
        this.fullName = firstName + " " + middleInitial + " " + lastName;
    }
}

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

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

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

document.body.innerHTML = greeter(user);//Hello, Jane User

类型注解–就是错误警告提示啥的