typescript(1)，2021年前端最新资料

[](

)布尔值boolean

let isDone:boolean =false

变量名：类型=对应类型的值

[](

)数值number

[](

)字符串string

[](

)函数返回值 空 void

function fn():void{

//...

}

在括号后面加：返回值类型

[](

)null

[](

)undefind

[](

)Symbol

[](

)4 任意类型any

---

或者不加类型

let aaa;

aaa="a";

//等效aaa:any

[](

)5 类型推断

---

当声明变量的时候没有设置类型，并且赋初值了，就会产生类型推断

即声明为初始化的类型

[](

)6 对象的类型-接口

---

interface Dog{

    name:string;

    color:string;

    isRegister:boolean;

}

let dog:Dog={

    name:"小花",

    color:"斑点",

    isRegister:boolean:true,

}

interface Dog{

    name:string;

    color:string;

    isRegister?:boolean; //?:是可选符号

}

interface Person{

    name:string;

    [propName:string]:any

}

let p1:Person={

    name:"zcy",

    hello:"hello",

    bye:"bye",

}//这样是可以的

接口定义的属性必须都有，而且不能添加或删除属性

?:表示可以有可以没有

[propName:string]:any实现了任意属性

[](

)7 数组的类型

---

let arr1:number[]=[1,2,3]

let arr2:Array<number>=[1,2,3]

interface NumberArray{

    [index:number]:number

}

let arr3:NumberArray=[1,2,3]

[](

)8 函数类型

---

约束参数和返回值，并且参数数量是对应的

function sum1(x, y) {

    return x + y;

}

var sum2 = function (x, y) {

    return x + y;

};

var sum3 = function (x, y) { return x + y; };

// function sum1(x:number,y:number,z:number):number{

//     return x+y+z;

// }//不支持重载

[](

)9 类型断言

---

理解成类型转换

关键字为as或者用泛型<>放在前面

interface Cat {

    name: string;

    run(): void;

}

interface Fish {

    name: string;

    swim(): void;

}

function isFish(animal: Cat | Fish): boolean {

    //联合类型断言

    //父类断言成子类

    //任何类型断言成any类型

    //any类型可以断言成任意类型

    let res: boolean = (<Fish>animal).swim ? true : false

    return res

    if ((animal as Fish).swim) {

        return true

    } else {

        return false

    }

}

let cat:Cat={

    name:"mi",

    run:function(){

        console.log(this.name+"is running")

    }

}

//联合类型断言

//父类断言成子类

//任何类型断言成any类型

//any类型可以断言成任意类型

[](

)10 类型别名

---

type S=string|number;

let s:S='zcy'

let s2:S=123

console.log(s,s2)

[](

)11 枚举类型

enum Days {sun,mon,tue,wed,thu,fri,sat}

let day:Days=Days.mon

let days:Days[]=[Days.sat,Days.sun]

会编译成双向映射

var Days;

(function (Days) {

    Days[Days["sun"] = 0] = "sun";

    Days[Days["mon"] = 1] = "mon";

    Days[Days["tue"] = 2] = "tue";

    Days[Days["wed"] = 3] = "wed";

    Days[Days["thu"] = 4] = "thu";

    Days[Days["fri"] = 5] = "fri";

    Days[Days["sat"] = 6] = "sat";

})(Days || (Days = {}));

var day = Days.mon;

var days = [Days.sat, Days.sun];

[](

)12 类与修饰符

---

可以先学习es6中的class

继承、存取器、静态方法等

ts扩展了实例属性、静态属性、public/private/protected的访问修饰符

这些东西学习过java的修饰符和静态方法，基本上是一致的

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。