typescript的安装和编译
npm install -g typescript // npm方式安装typescript
tsc 文件名.ts // 编译代码,输出结果为同名的js文件
typescript入门
1.类型注解
typescript里的类型注解是一种轻量级的为函数或变量添加约束的方式,官网如是说。
function person(age: string) {
return '我的年龄是' + age;
}
person('26');
以上是我们给person函数的参数age添加了: string注解
2.接口
接下来我们使用接口来描述一个拥有多给字段的对象。在typescript里只要两个类型内部的结构兼容那么这两个类型就是兼容的,这就允许我们实现接口的时候只要保证包含了接口要求的结构就可以,官网如是说。
interface Info {
name: string;
age: string;
}
function person(info: Info) {
return '我叫' + info.name + ',我今年' + info.age + '了';
}
let obj = {
name: 'zy',
age: '26'
};
person(obj);
3.类
typescript支持javascript的新特性,比如支持基于类的面向对象编程。
类和接口可以一起共用。
在构造函数的参数上使用public等同于创建了同名的成员变量。
官网如是说。
class People{
personInfo: string;
constructor(public name, public age) {
this.personInfo = '我叫' + name + ',我今年' + age + '了';
}
}
interface Info {
name: string;
age: string;
}
function person(info: Info) {
return '我叫' + info.name + ',我今年' + info.age + '了';
}
let obj = new People('zy', '26');
person(obj);
以上我们创建了一个类People,它里面包含了一个构造函数和公共字段。