TS中的 和 用法

2021-10-09 16:46:22 字數 1765 閱讀 1390

!和?

!用法

用在變數前表示取反

用在賦值的內容後時,使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碼流生成快進檔案關鍵技術 抽幀只...