typescript学习心得

为什么使用TypeScript

JavaScript的超集
支持所有原生JavaScript的语法

强类型语言

现在很多主流语言都是强类型的，而这点也一直是JavaScript所被人诟病的地方。使用TypeScript之后，将会在代码调试、重构等步骤节省很多时间。
比如说：函数在返回值的时候可能经过复杂的操作，那我们如果想要知道这个值的结构就需要去仔细阅读这段代码。那如果有了TypeScript之后，直接就可以看到函数的返回值结构，将会非常的方便

强大的IDE支持

现在的主流编辑器如VSCode、WebStorm、Atom、Sublime等都对TypeScript有着非常友好的支持，主要体现在智能提示上，非常的方便

迭代更新快

微软和Google支持

TypeScript是微软开发的语言，而Google的Angular使用的就是TypeScript，所以不用担心会停止维护，至少在近几年内TypeScript都会一门主流开发语言

---

TypeScript数据类型

1、布尔值
let isShow: boolean = false

2、数字类型
和JavaScript一样,typescript里的所有数字都是浮点型,这些浮点数的类型是number.除了支持十进制和十六进制字面量,typescript还支持ECMAScript2015中引入的二进制和八进制字面量
let sum: number = 6
let price: number = 0xf00d
let binaryLiteral: number = 0b1010
let octalLiteral: number = 0o744

3、字符串
和JavaScript一样,可以使用双引号("")和单引号(’’)表示字符串
let name: string = ‘jack’
name = “lili”
还可以使用模板字符串
let hello = hello my name is ${name}

4、数组
typescript有两种方式可以定义数组.第一种:可以在元素类型后面接上[]
let arr: number[] = [1, 2, 3]
第二种:使用数组泛型,Array<元素类型>
let arr: Array = [1, 2, 3]
let arr: Array = [‘li’, ‘2’, ‘3’]

5、元组 Tuple
元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同.比如:你可以定义一对值为string和number类型的元组
let arr: [string, number]
arr = [‘li’, 5]
这样式可以的
arr = [5, ‘li’]
这样会报错

---

笔者常用

接口

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);

类

class Student {
    fullName: string;
    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);

初学ts，感觉ts和java、c#更像