!和?

!用法

• 用在變量前表示取反

• 用在賦值的內(nèi)容后時(shí)，使null和undefined類型可以賦值給其他類型并通過(guò)編譯，表示該變量值可空

let y:numbery = null		// 無(wú)法通過(guò)編譯
y = undefined	// 無(wú)法通過(guò)編譯y = null!
y = undefined!

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

---

?用法

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

const a = fetch(...) || {}		// 假設(shè)a是從后端拿到的一個(gè)對(duì)象類型數(shù)據(jù)
const unsafeData = a.b.c		// 這樣寫(xiě)時(shí)不安全的，無(wú)法確保b是否有值，如果為空則b.c會(huì)進(jìn)行報(bào)錯(cuò)
const safeData = a?.b?.c		// 實(shí)際上就是相當(dāng)于 const safeData = a && a.b && a.b.c

當(dāng)使用A對(duì)象屬性A.B時(shí)，如果無(wú)法確定A是否為空，則需要用A?.B，表示當(dāng)A有值的時(shí)候才去訪問(wèn)B屬性，沒(méi)有值的時(shí)候就不去訪問(wèn)，如果不使用?則會(huì)報(bào)錯(cuò)

// 由于函數(shù)參數(shù)可選，因此parma無(wú)法確定是否擁有，所以無(wú)法正常使用parma.x，使用parma?.x向編譯器假設(shè)此時(shí)parma不為空且為IDemo類型，同時(shí)parma?.x無(wú)法保證非空，因此使用parma?.x!來(lái)保證了整體通過(guò)編譯
interface IDemo {x: number
}let y:numberconst demo = (parma?: IDemo) => {y = parma?.x!console.log(parma?.x)	// 只是單純調(diào)用屬性時(shí)就無(wú)需!	return y
}// 如果使用y = parma!.x!是會(huì)報(bào)錯(cuò)的，因?yàn)楫?dāng)parma為空時(shí)，是不擁有x屬性的，會(huì)報(bào)找不到x的錯(cuò)誤

但是?用法只能讀操作而不能寫(xiě)操作，對(duì)一個(gè)可能為空的屬性賦值是不會(huì)被編譯通過(guò)的，此時(shí)還需用用到類型斷言

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。