現實開發中,經常會有判斷變量是否被定義的需求,然后根據它進行相應的操作:
let visitor1 = 'Kylin'
console.log(visitor1 ?? '訪客') // Kylin
let visitor2
console.log(visitor2 ?? '訪客') // 訪客
如您所見,代碼中 "??" 就是空值合并運算符。它所表達的意思是,當一個值既不是 null 也不是 undefined 時,就將其稱為 "已定義的"。例如:a ?? b 的結果:
- 如果 a 是已定義的,結果就為 a,
- 如果 a 不是已定義的,結果就為 b。
空值合并也支持從一些列值中選出第一個非 null/undefined 的值:
let firstName = null
let lastName = null
console.log(firstName ?? lastName ?? '訪客') // 訪客
"??" 運算符與 "||" 運算符有些區別,"||" 運算符返回的是第一個真值,而 "??" 運算符返回的是第一個 "已定義的" 值。
這說明 "||" 運算符無法區分 "0, false, "", null, undefined":
let width = 0
console.log(width || 100) // 100
let width = 0
console.log(width ?? 100) // 0
JAVAScript 禁止 "??" 與 "||" 和 "&&" 混用,除非用 "括號" 明確提升它們的優先級,否則會出現語法錯誤。