TypeScript学习笔记(一)


TypeScript

TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。
TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。

安装

1
2
3
# 全局安装typescript
npm install -g typescript

接口声明

1
2
3
4
5
6
// 声明一个接口
export default interface Sociality {
makeFriend():Boolean
doGame():void
}

类的声明并导出

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
// 引入接口
import Sociality from './Sociality';
// 声明一个类,实现Sociality接口
export default class Person implements Sociality {
// 声明私有变量name,string类型
private name:string
// 声明私有变量age,number类型
private age:number
// 声明私有变量sex,number类型
private sex: number
// 构造函数
constructor(name:string, age:number, sex:number) {
this.name = name;
this.age = age;
this.sex = sex;
}
// 公开的方法声明,返回值string
public getName():string {
return this.name;
}
// 公开的方法声明,返回值number
public getAge():number {
return this.age;
}
// 公开的方法声明
public getSex():number {
return this.sex;
}
// 实现接口方法
makeFriend():boolean {
return true;
}
// 实现接口方法
doGame():void {
console.log('我们在做游戏');
}
}

类的继承

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// 引入Person类
import Person from './Person';
// extends关键字实现继承
export default class Girl extends Person {
private high:number
constructor(name:string, age: number) {
super(name, age, 1);
}

public setHigh(high: number):void {
this.high = high;
}

public getHigh():number {
return this.high;
}
}


编译生成.d.ts文件

1
2
tsc -d Girl.ts # 生成Girl.d.ts

编译生成js文件

1
2
tsc Girl.ts # 生成Girl.js