TyepScript的基础学习(1)

方式2：

let 数组名：Array<类型>=[1,2,3]

let arr：Array=[1,2,3]

3.2.2 元祖

区别于数组是元祖的元素数量固定，每个元素类型可以不同

• 指定元素个数

• 规定元素类型

let 元祖名[类型1，类型2] = [值1，值2]

let tup[string,number]=[‘xiaohei’,2]

3.2.3 枚举（enum）

enum 枚举名{

//枚举项一般用数字或者英文，枚举值用整数

枚举项1=枚举值1,

枚举项2=枚举值2,

…

}

enum Type{

type1=1, // 0

type2=2, // 1

type3=3 // 2

}

//当你不为枚举项赋值时，会有默认值，第一项从0开始

举例：声明性别枚举

enum Gender{

Boy：1，

Girl：2，

UnKnown：3

}

创建枚举类型

let userSex：Gender=Gender.Boy

if(userSex===Gender.Boy){

console.log(userSex); //1

}else{

console.log(userSex) // 2 or 3

}

3.2.4 never

用来表示不存在值的类型，通常用来抛出异常或者无限循环

//抛出异常

function test1():never{

throw new Error(‘出错了！’)

}

//无限循环

function test2():never{

while(true){

…

}

}

let x：never=test()

3.2.5 类型推断

概念：如果变量的声明和初始化是同一行，可以省略掉变量类型的声明

let 变量名=值 等价于 let 变量名：变量类型 = 值

说明：在TypeScript中，会有变量推断，即会自动检测你所定义的类型，举例如下

let age=18；//此时变量age的类型被推断为number

age=‘jack’；报错，因为变量age的类型最初以及被推断为number

4. 函数

4.1 返回值和参数

• 1.返回值类型

(若没有定义返回值的类型，则默认为void空）

function 函数名():返回值类型{

}

let 变量名：变量类型= 函数名();

• 2.形参类型

实参和形参的类型要一致

实参和形参的数量要一致

function 函数名(形参1:类型,形参2:类型){

}

let 变量名:变量类型=函数名(实参1,实参2);

• 3.可选参数

function 函数名(形参？：类型):返回值类型{

//这里问号就是表示该参数是可选的

//这个参数可以传值也可以不传

}

//调用如下

不传递参数： 函数名()

传递参数：函数名(实参值)

• 默认值

function 函数名(形参1：类型=默认值,形参2:类型=默认值){

}

//调用如下

不传递实参：函数名()—编译后----- 函数名(默认值1，默认值2)

传一个实数：函数名(实参1)–编译后—函数名(实参1，默认值2)

传两个实参：函数名(实参1，实参2)—编译后— 函数名(实参1，实参2)

只传第二个实参：函数名(undedined，实参2)–编译后— 函数名(默认值1，实参2)

• 剩余参数

function add(形参1:类型,形参2:类型,…形参3:类型[]):void{

console.log(a+b);

}

//举例如下

function add(x:number,y:number,…restNum:number[]){

let resNum:number=x+y;

for(let ele of restNum){

resNum+=ele;

}

console.log(resNum)

}

add(1,2);
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后的最后

面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体获取

取！！（备注：前端）**

最后的最后

面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体获取

[外链图片转存中…(img-ZrAujtOQ-1712959316959)]

[外链图片转存中…(img-RSArMjvE-1712959316959)]

[外链图片转存中…(img-IuXRLbNv-1712959316960)]

[外链图片转存中…(img-TC36zAFL-1712959316960)]