《TypeScript入門(mén)與全棧式網(wǎng)站開(kāi)發(fā)實(shí)戰(zhàn)》 課件 ch2基礎(chǔ)語(yǔ)法

第2章基礎(chǔ)語(yǔ)法TypeScript入門(mén)與全棧式網(wǎng)站開(kāi)發(fā)實(shí)戰(zhàn)TypeScriptProgramming2.1編程基礎(chǔ)目錄/CONTENTS2.3函數(shù)2.2流程控制2.4實(shí)戰(zhàn)闖關(guān)——基礎(chǔ)語(yǔ)法2.1PART編程基礎(chǔ)2.1.1注釋目錄/CONTENTS2.1.3關(guān)鍵字2.1.2標(biāo)識(shí)符2.1.4基礎(chǔ)類型2.1.5變量2.1.7操作符2.1.6常量2.1編程基礎(chǔ)2.1.1注釋//單行注釋/*

多行

注釋*//**

多行

注釋：文檔說(shuō)明*/2.1.2標(biāo)識(shí)符1.命名要求（1）只能包含字母、下畫(huà)線_、美元符$或數(shù)字，不能包含特殊字符（2）首字符可以是字母、下畫(huà)線_、美元符$，不能用數(shù)字（3）關(guān)鍵字不能用作標(biāo)識(shí)符2.標(biāo)識(shí)符的規(guī)范（1）用有意義的單詞來(lái)定義標(biāo)識(shí)符（2）類名遵循，首字符大寫(xiě)的大駝峰規(guī)范（3）函數(shù)名、變量名、屬性名遵循，首字符小寫(xiě)的小駝峰規(guī)范2.1編程基礎(chǔ)2.1.3關(guān)鍵字TypeScript語(yǔ)言中事先定義好的，賦予了特殊含義的單詞2.1編程基礎(chǔ)2.1.4基礎(chǔ)類型原始類型:string、boolean、number、bigint、symbol、null、undefined和never對(duì)象類型:數(shù)組、元組、枚舉…1.any任意類型和unkown不明類型2.number數(shù)值3.bigint任意長(zhǎng)度整數(shù)4.string字符串5.boolean布爾6.數(shù)組類型7.元組類型8.enum枚舉9.對(duì)象類型10.null空引用與undefined未賦值11.void無(wú)返回12.never不存在13.symbol獨(dú)一無(wú)二2.1編程基礎(chǔ)2.1.5變量1.變量聲明2.let、var和const3.變量作用域2.1.6常量1.TypeScript常量分類:字面常量，const關(guān)鍵字聲明的常量2.常量使用場(chǎng)合:枚舉元素、聯(lián)合類型2.1編程基礎(chǔ)2.1.7操作符功能分:算術(shù)操作符、關(guān)系操作符、邏輯操作符、位運(yùn)算操作符、賦值操作符、

條件操作符、類型操作符、字符串操作符等操作數(shù)分:一元操作符、二元操作符和三元操作符1.算術(shù)操作符2.關(guān)系操作符3.邏輯操作符4.位運(yùn)算操作符5.賦值操作符6.條件操作符7.空值合并操作符8.類型操作符9.操作符優(yōu)先級(jí)結(jié)合性、(提升優(yōu)先級(jí))2.1編程基礎(chǔ)2.1編程基礎(chǔ)2.1編程基礎(chǔ)2.1編程基礎(chǔ)2.1編程基礎(chǔ)2.1編程基礎(chǔ)條件操作符條件?真返回:假返回空值合并操作符a??ba非空(null或undefined)返回a，否則返回b類型操作符typeofinstanceofas2.1編程基礎(chǔ)結(jié)合性、()提升優(yōu)先級(jí)操作符優(yōu)先級(jí)2.2PART流程控制2.2.1分支語(yǔ)句目錄/CONTENTS2.2.3跳轉(zhuǎn)2.2.2循環(huán)語(yǔ)句順序執(zhí)行、分支判斷、循環(huán)執(zhí)行和跳轉(zhuǎn)2.2.1分支語(yǔ)句if(條件表達(dá)式){

分支代碼塊//條件滿足時(shí)執(zhí)行}if(條件語(yǔ)句){分支代碼塊1;//條件滿足時(shí)執(zhí)行}else{分支代碼塊2;//條件不滿足時(shí)執(zhí)行}if(條件語(yǔ)句1){

分支代碼塊1;//條件1滿足時(shí)執(zhí)行}elseif(條件語(yǔ)句2){

分支代碼塊2;//條件2滿足時(shí)執(zhí)行}…elseif(條件語(yǔ)句n){

分支代碼塊n;//條件n滿足時(shí)執(zhí)行}[else{

分支代碼塊n+1;//以上條件都不滿足時(shí)執(zhí)行}]2.2.1分支語(yǔ)句switch(表達(dá)式){

case

值1:代碼塊1;[break]case值2:代碼塊2;[break] …case值n:代碼塊n;[break][default:代碼塊default]}2.2.2循環(huán)語(yǔ)句while(條件表達(dá)式){

循環(huán)體代碼塊}do{

循環(huán)體代碼塊}while(條件表達(dá)式)for(初始化語(yǔ)句;條件表達(dá)式;條件更新語(yǔ)句){

循環(huán)體代碼塊}for(變量in

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

循環(huán)體遍歷代碼塊}for(變量of

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

循環(huán)體遍歷代碼塊//let{p1,p2}of[{p1:v1,p2:v2,p3:v3},{p1:va,p2:vb…}]

}//letchofstrlet[k,v]ofmap2.2.2循環(huán)語(yǔ)句forEach()用回調(diào)函數(shù)，對(duì)可迭代變量（數(shù)組、Map或Set）中每個(gè)元素執(zhí)行代碼

ary.forEach((ele,idx)=>{...})set.forEach(ele=>{...})objAry.forEach((val,prop)=>{...})map.forEach((val,key)=>{…})every()用回調(diào)函數(shù)，檢測(cè)數(shù)組中元素是否都滿足某指定條件(用return指定),返回true/false

ary.every((ele)=>{returnele條件})}some()用回調(diào)函數(shù)，檢測(cè)數(shù)組中是否存在元素滿足某指定條件(用return指定),返回true/false

ary.some((ele)=>{returnele條件})2.2.3跳轉(zhuǎn)break跳出循環(huán)continue繼續(xù)執(zhí)行循環(huán)的下一次迭代2.3PART函數(shù)2.3.1函數(shù)定義目錄/CONTENTS2.3.3重載函數(shù)2.3.2可選參數(shù)、默認(rèn)參數(shù)和剩余參數(shù)2.3.4遞歸函數(shù)2.3.5匿名函數(shù)2.3.6箭頭函數(shù)2.3.7回調(diào)函數(shù)2.3函數(shù)function

函數(shù)名(參數(shù):類型,參數(shù):類型...):返回類型{

函數(shù)體（執(zhí)行語(yǔ)句）}可選參數(shù)、默認(rèn)參數(shù)和剩余參數(shù)1.可選參數(shù):參數(shù)值允許傳入也允許不傳入?2.默認(rèn)參數(shù):使用預(yù)設(shè)的默認(rèn)值=3.剩余參數(shù):定義具有不定數(shù)量的參數(shù)…重載函數(shù)同名不同參。實(shí)現(xiàn)重載函數(shù)，分兩步：1.簽名，聲明函數(shù)有幾種參數(shù)變化2.實(shí)現(xiàn)，針對(duì)參數(shù)幾種變化，實(shí)現(xiàn)對(duì)應(yīng)幾種功能遞歸函數(shù)函數(shù)調(diào)用自身。遞歸函數(shù)內(nèi)通常兩部分：1.正常的遞歸邏輯處理代碼2.明確遞歸終止條件匿名函數(shù)1.定義：將匿名函數(shù)賦值給變量，然后調(diào)用"變量()"Let變量=function(參數(shù):類型):返回類型{...};變量()2.匿名函數(shù)的自調(diào)用：匿名函數(shù)定義后直接加括號(hào)()箭頭函數(shù)Lambda函數(shù)/箭頭表達(dá)式，匿名函數(shù)特殊語(yǔ)法形式([參數(shù):類型,參數(shù):類型,…參數(shù):類型]):返回類型=>lambda表達(dá)式或語(yǔ)句塊2.3函數(shù)回調(diào)函數(shù)異步模式處理邏輯:無(wú)須等待前一個(gè)任務(wù)結(jié)束就可執(zhí)行函數(shù)作為