!和?

!用法

• 用在變量前表示取反

• 用在賦值的內容后時，使null和undefined類型可以賦值給其他類型并通過編譯，表示該變量值可空

let y:numbery = null		// 無法通過編譯
y = undefined	// 無法通過編譯y = null!
y = undefined!

// 由于x是可選的，因此parma.x的類型為number | undefined，無法傳遞給number類型的y，因此需要用x!
interface IDemo {x?: number
}let y:numberconst demo = (parma: IDemo) => {y = parma.x!return y
}

---

?用法

• 除了表示可選參數外，常用于防御性編程

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!來保證了整體通過編譯
interface IDemo {x: number
}let y:numberconst demo = (parma?: IDemo) => {y = parma?.x!console.log(parma?.x)	// 只是單純調用屬性時就無需!	return y
}// 如果使用y = parma!.x!是會報錯的，因為當parma為空時，是不擁有x屬性的，會報找不到x的錯誤

但是?用法只能讀操作而不能寫操作，對一個可能為空的屬性賦值是不會被編譯通過的，此時還需用用到類型斷言

interface IDemo {x: number
}// 編譯報錯，不能賦值給可選屬性
const demo = (parma?: IDemo) => {parma?.x = 1	
}// 使用類型斷言  
const demo_ = (parma?: IDemo) => {let _parma = parma as IDemo_parma.x = 1
}

總結

以上是生活随笔為你收集整理的TS中的感叹号和问号的用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。