typescript简介

Posted 2020-10-27 张啊咩

微软作为编译器狂魔一直有一个心病，就是改良javascript这种语法超级烂又很多人用的编程语言，于是TypeScript诞生了

先做个对比吧：

	TS	JS
语法严谨性	严谨	宽松
静态性	静态	动态
适合开发规模	大型	小型
支持类型	基本类型、泛型、implements	都不支持

下面来把ts的特点逐一介绍：

1.类型

常见的ts类型：string、number、boolean、undefined、null、void、any、enum、Array、object、Never

ts引入了类型的限制

java在声明一个变量的时候大概是这样的：

int num;

而为了更贴近js，ts声明变量的写法变成：

let num:number;

如果不加冒号声明就自动判定为any类型

2.枚举类型

enum枚举类型,是一种自己定义的类型：

enum Gender {
    male=1,
    female=2
}

let gender:Gender;

//如果想定义为male
gender = Gender.male //或者直接为 1

3.泛型

<T>泛型,其实就是制定内部东西的类型

let arr1:Array<number|string>;
let arr2:Array<number>;

arr1 = [1,2,3,‘sadsd‘];
arr2 = [2,4,6,8]

4.预定义属性的类

enum Gender{male=1,female=2}

class Person {
    age:number;
    gender:Gender;
    constructor(age:number,gender:Gender) {
        this.age = age;
        this.gender = gender
    }
    eat(str) {
        console.log(‘我吃‘ + str)
    } 
}

Person的属性需要在constructor外先做定义，而且定义了之后不允许像js那种装饰者模式那样再添加新的属性：

let person = new Person(18, 1)

person.height = 180 //编译报错，说person没有height这个类型

至于extends和es6没什么区别，接下来要说的是implements

5.接口/实现

implements接口（实现）是强制一个class必须要implements的所有属性和方法

enum Gender{male=1,female=2}

class Person {
    constructor(age:number,gender:Gender) {
        this.age = age;
        this.gender = gender
    }
    age:number;
    gender:Gender;
    eat(str) {
        console.log(‘我吃‘ + str)
    } 
}
//Adult继承字Person
class Adult extends Person {
    constructor(age:number, gender:Gender) {
        super(age,gender)
        this.age = 1
    }
    earnMoney(){
        console.log(‘我赚钱‘)
    }
}
//Hero实现Adult,就必须手动加齐Adult自己新加的属性和方法和Adult继承自Person的属性和方法
class Hero implements Adult {
    age:number;
    gender:Gender;
    constructor() {
        this.age = Infinity
        this.gender = Gender.male
    }
    earnMoney() {
        console.log(‘我超级赚钱‘)
    }
    eat(){
        console.log(‘我超级吃东西‘)
    }
}