《TypeScript入门与全栈式网站开发实战》 课件 ch2基础语法

第2章基础语法TypeScript入门与全栈式网站开发实战TypeScriptProgramming2.1编程基础目录/CONTENTS2.3函数2.2流程控制2.4实战闯关——基础语法2.1PART编程基础2.1.1注释目录/CONTENTS2.1.3关键字2.1.2标识符2.1.4基础类型2.1.5变量2.1.7操作符2.1.6常量2.1编程基础2.1.1注释//单行注释/*

多行

注释*//**

多行

注释：文档说明*/2.1.2标识符1.命名要求（1）只能包含字母、下画线_、美元符$或数字，不能包含特殊字符（2）首字符可以是字母、下画线_、美元符$，不能用数字（3）关键字不能用作标识符2.标识符的规范（1）用有意义的单词来定义标识符（2）类名遵循，首字符大写的大驼峰规范（3）函数名、变量名、属性名遵循，首字符小写的小驼峰规范2.1编程基础2.1.3关键字TypeScript语言中事先定义好的，赋予了特殊含义的单词2.1编程基础2.1.4基础类型原始类型:string、boolean、number、bigint、symbol、null、undefined和never对象类型:数组、元组、枚举…1.any任意类型和unkown不明类型2.number数值3.bigint任意长度整数4.string字符串5.boolean布尔6.数组类型7.元组类型8.enum枚举9.对象类型10.null空引用与undefined未赋值11.void无返回12.never不存在13.symbol独一无二2.1编程基础2.1.5变量1.变量声明2.let、var和const3.变量作用域2.1.6常量1.TypeScript常量分类:字面常量，const关键字声明的常量2.常量使用场合:枚举元素、联合类型2.1编程基础2.1.7操作符功能分:算术操作符、关系操作符、逻辑操作符、位运算操作符、赋值操作符、

条件操作符、类型操作符、字符串操作符等操作数分:一元操作符、二元操作符和三元操作符1.算术操作符2.关系操作符3.逻辑操作符4.位运算操作符5.赋值操作符6.条件操作符7.空值合并操作符8.类型操作符9.操作符优先级结合性、(提升优先级)2.1编程基础2.1编程基础2.1编程基础2.1编程基础2.1编程基础2.1编程基础条件操作符条件?真返回:假返回空值合并操作符a??ba非空(null或undefined)返回a，否则返回b类型操作符typeofinstanceofas2.1编程基础结合性、()提升优先级操作符优先级2.2PART流程控制2.2.1分支语句目录/CONTENTS2.2.3跳转2.2.2循环语句顺序执行、分支判断、循环执行和跳转2.2.1分支语句if(条件表达式){

分支代码块//条件满足时执行}if(条件语句){分支代码块1;//条件满足时执行}else{分支代码块2;//条件不满足时执行}if(条件语句1){

分支代码块1;//条件1满足时执行}elseif(条件语句2){

分支代码块2;//条件2满足时执行}…elseif(条件语句n){

分支代码块n;//条件n满足时执行}[else{

分支代码块n+1;//以上条件都不满足时执行}]2.2.1分支语句switch(表达式){

case

值1:代码块1;[break]case值2:代码块2;[break] …case值n:代码块n;[break][default:代码块default]}2.2.2循环语句while(条件表达式){

循环体代码块}do{

循环体代码块}while(条件表达式)for(初始化语句;条件表达式;条件更新语句){

循环体代码块}for(变量in

可迭代变量){//letidxinary,letpropinobj

循环体遍历代码块}for(变量of

可迭代变量){//leteleofary或set,let[idx,ele]ofary.entries()

循环体遍历代码块//let{p1,p2}of[{p1:v1,p2:v2,p3:v3},{p1:va,p2:vb…}]

}//letchofstrlet[k,v]ofmap2.2.2循环语句forEach()用回调函数，对可迭代变量（数组、Map或Set）中每个元素执行代码

ary.forEach((ele,idx)=>{...})set.forEach(ele=>{...})objAry.forEach((val,prop)=>{...})map.forEach((val,key)=>{…})every()用回调函数，检测数组中元素是否都满足某指定条件(用return指定),返回true/false

ary.every((ele)=>{returnele条件})}some()用回调函数，检测数组中是否存在元素满足某指定条件(用return指定),返回true/false

ary.some((ele)=>{returnele条件})2.2.3跳转break跳出循环continue继续执行循环的下一次迭代2.3PART函数2.3.1函数定义目录/CONTENTS2.3.3重载函数2.3.2可选参数、默认参数和剩余参数2.3.4递归函数2.3.5匿名函数2.3.6箭头函数2.3.7回调函数2.3函数function

函数名(参数:类型,参数:类型...):返回类型{

函数体（执行语句）}可选参数、默认参数和剩余参数1.可选参数:参数值允许传入也允许不传入?2.默认参数:使用预设的默认值=3.剩余参数:定义具有不定数量的参数…重载函数同名不同参。实现重载函数，分两步：1.签名，声明函数有几种参数变化2.实现，针对参数几种变化，实现对应几种功能递归函数函数调用自身。递归函数内通常两部分：1.正常的递归逻辑处理代码2.明确递归终止条件匿名函数1.定义：将匿名函数赋值给变量，然后调用"变量()"Let变量=function(参数:类型):返回类型{...};变量()2.匿名函数的自调用：匿名函数定义后直接加括号()箭头函数Lambda函数/箭头表达式，匿名函数特殊语法形式([参数:类型,参数:类型,…参数:类型]):返回类型=>lambda表达式或语句块2.3函数回调函数异步模式处理逻辑:无须等待前一个任务结束就可执行函数作为