!和?
!用法
用在變數前表示取反
用在賦值的內容後時,使null和undefined型別可以賦值給其他型別並通過編譯,表示該變數值可空
let y:
number
y =null
// 無法通過編譯
y = undefined // 無法通過編譯
y =null
!y = undefined!
// 由於x是可選的,因此parma.x的型別為number | undefined,無法傳遞給number型別的y,因此需要用x!
inte***ce
idemo
let y:
number
const
demo
=(parma: idemo)
=>
如果存在空情況的判斷並賦具體值時,可以不用!
,但是如果要想令y存在等於undefined
的情況還是需要用!
inte***ce
idemo
let y:
number
const
demo
=(parma: idemo)
=>
?用法
除了表示可選引數外,常用於防禦性程式設計
const a =
fetch
(...)||
// 假設a是從後端拿到的乙個物件型別資料
const unsafedata = a.b.c // 這樣寫時不安全的,無法確保b是否有值,如果為空則b.c會進行報錯
const safedata = a?
.b?.c // 實際上就是相當於 const safedata = a && a.b && a.b.c
當使用a物件屬性a.b
時,如果無法確定a是否為空,則需要用a?.b
,表示當a有值的時候才去訪問b屬性,沒有值的時候就不去訪問,如果不使用?
則會報錯
// 由於函式引數可選,因此parma無法確定是否擁有,所以無法正常使用parma.x,使用parma?.x向編譯器假設此時parma不為空且為idemo型別,同時parma?.x無法保證非空,因此使用parma?.x!來保證了整體通過編譯
inte***ce
idemo
let y:
number
const
demo
=(parma?
: idemo)
=>
// 如果使用y = parma!.x!是會報錯的,因為當parma為空時,是不擁有x屬性的,會報找不到x的錯誤
但是?用法只能讀操作而不能寫操作,對乙個可能為空的屬性賦值是不會被編譯通過的,此時還需用用到型別斷言
inte***ce
idemo
// 編譯報錯,不能賦值給可選屬性
const
demo
=(parma?
: idemo)
=>
// 使用型別斷言
const
demo_
=(parma?
: idemo)
=>
TS中的介面
介面也是定義標準,他比抽象類更加全面 1.屬性介面function printlabel labelinfo void printlabel aaa 錯誤寫法 printlabel 傳入引數必須是以label為屬性名的物件對批量方法進行約束 可選屬性介面firstname?string 定義標準 i...
ts定義陣列型別 ts中型別
1 vscode配置自動編譯 1.第一步 tsc inti 生成tsconfig.json 改 outdir js 2 第二步 任務 執行任務 監視tsconfig.json 2 typescript中的資料型別 typescript中為了使編寫的 更規範,更有利於維護,增加了型別校驗,在types...
TS中的pcr dts pts問題
對於pts dts flags的重設 這是因為忽略了乙個問題,在pts語法中,前4個bit要求與 pts dts flags 取值相同。因此,在修改 pts dts flags 的之後,pts語法前4bit也要做相應的修改。這樣目前已知的解碼器就可以正常工作 h264碼流生成快進檔案關鍵技術 抽幀只...