文档阅读:
5分钟上手TypeScript,看了不只5分钟起码有6分钟吧
TypeScript——JavaScript的超集,TypeScript带来了可选的静态类型检查以及最新的ECMAScript特性。
神奇吧。对于弱类型语言js的检验起了重要作用~··
5分钟过一遍
- 类型
function greeter(person: string) {
return "Hello, " + person;
}
- 接口
允许我们在实现接口时候只要保证包含了接口要求的结构就可以,而不必明确地使用 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
- 类
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
类型注解–就是错误警告提示啥的