JavaScript 中 ?? 与 || 的区别
Sonder
2022-09-11
626字
2分钟
浏览 (2.1k)
JavaScript 中 ?? 与 || 的区别
相同点
用法相同，都是前后是值，中间用符号连接。根据前面的值来判断最终返回前面的值还是后面的值。
值1 ?? 值2
值1 || 值2
不同点
判断方式不同：
使用 ?? 时，只有当值1为null或undefined时才返回值2；
使用 || 时，值1会转换为布尔值判断，为true返回值1，false 返回值2
/* ?? 运算符 */
const a = 0 ?? 'maomao' // 0
const b = '' ?? 'maomao' // ''
const c = null ?? 'maomao' // 'maomao'
const d = undefined ?? 'maomao' // 'maomao'
/* || 运算符 */
const A = 0 || 'maomao' // 'maomao'
const B = '' || 'maomao' // 'maomao'
const C = null || 'maomao' // 'maomao'
const D = undefined || 'maomao' // 'maomao'总的来说，??更加适合在不知道变量是否有值时使用。只有运算符左侧的值为 null 或 undefined 时才会返回右侧的值