課堂typescript語法精講三我們可以通過類似于判

npTypep我們可以通過類似于typeofpadding==="number"的判斷語句，來改變TypeScriptp在給定的執(zhí)行路徑中，我們可以縮小 時更小的類型，這個過程稱之為縮小p而我們編寫的typeofpadding==="number可以稱之為類型保護（typenptypeof 縮?。╬pp

n在TypeScript中，檢查返回的值typeof是一種類型保護：因為TypeScript對如何typeof n我們可以使用Switch或者相等的一些運算符來表達相等性（比如===,!==,==,and!=

nJavaScript nJavascript有一個運算符，用于確定對象是否具有帶名稱的屬性：inp如果指定的屬性在指定的對象或其原型鏈中，則in運算符返回

n在JavaScript開發(fā)中，函數(shù)是重要的組成部分，并且函數(shù)可以作為一等公民（可以作為參數(shù)，也可以作為返回值進np我們可以編寫函數(shù)類型的表達式（FunctionTypeExpressions）

n在上面的語法中(num1:number,num2:number)=>void，p接收兩個參數(shù)的函數(shù)：num1和num2，并且都是numberp并且這個函數(shù)是沒有返回值的，所以是n在某些語言中，可能參數(shù)名稱num1和num2是可以省略，但是TypeScript

nn這個時候這個參數(shù)x依然是有類型的，它是什么類型呢？number|n

n從ES6開始，JavaScript是支持默認參數(shù)的，TypeScriptn這個時候y的類型其實是undefined和number

n從ES6開始，JavaScript也支持剩余參數(shù)，剩余參數(shù)語法允 一個不定數(shù)量的參數(shù)放到一個數(shù)組中

nthis是JavaScript中一個比較難以理解和把握的知識點：p我 也有一篇文章專門講解this：2sCRlTAp因為this在不同的情況下會綁定不同的值，所以對于它的類型就更難把握了；n那么，TypeScript是如何處理this呢？我們先來看一個例子：n上面的代碼是可以正常運行的，也就是TypeScript在編譯時，認為我們的thispTypeScript認為函數(shù) o有一個對應的this的外部對象info，所以在使用時，就會把this當做該對象

n但是對于某些情況來說，我們并不知道thisnp這里我們再次強調一下，TypeScriptp所以這里對于 o的調用來說，我們雖然將其放到了info中，通過info去調用，this依然是指向info對象的p但是對于TypeScript編譯器來說，這個代碼是非常不安全的，因為我們也有可能直接調用函數(shù)，或者通過別的對象來

n這個時候，通常TypeScript會要求我們明確的指定this

n在TypeScript中，如果我們編寫了一個addnnp

n比如我們對sump在我們調用sumn

nnppnp

n在早期的JavaScript開發(fā)中（ES5）我們需要通過函數(shù)和原型鏈來實現(xiàn)類和繼承，從ES6開始，引入了class關鍵字，可以nTypeScript作為JavaScript的超集，也是支持使用classn實際上在JavaScriptp比如React開發(fā)中，目 使用的函數(shù)組件以及結合Hook的開發(fā)模式p比如在Vue3開發(fā)中，目前也更加推崇使用Compositionnn類的定義我們通常會使用classpp

n我們來定義一 n使用classn我們可 一些類的屬性：在類的內 類的屬性以及對應的類p如果類型沒 ，那么它們默認是any的pp在默認的strictPropertyInitialization模式下面我們的屬性是必須初始ü如果我們在strictPropertyInitialization模式下確實不希望給屬性初始化，可以使用name!:string語法；n類可以有自己的構造函數(shù)constructor，當我們通過new關鍵字創(chuàng)建一個pn

nn我們使用extends關鍵字來實現(xiàn)繼承，子類中使用super 父類n我們來看一下Student類繼承 pStudent類可以有自己的屬性和方法，并且會繼 的屬性和方法p在構造函數(shù)中，我們可以通過super

n在TypeScript中，類的屬性和方法支持三種修飾符：public、private、ppublic修飾的是在任何地方可見、公有的屬性或方法，默認編寫的屬性就是publicpprivatepprot