JavaScript基础语法之 || 和 ？？

|| 的语法作用

使用 || 的时候，当第一个值为非0非null非’‘非undefined的时候，优先取第一个值，而当第一个值是0或’'或null或undefined的时候，则优先取第二个参数的值。

console.log(null || 1)                //输出 1
console.log(undefined || 1)       //输出1     
console.log(0 || 1)                   //输出1 
console.log('' || 1)                   //输出1 
console.log(1 || null)               //输出1 
console.log(undefined || '')      //输出''
console.log(undefined || 0)      //输出0
console.log(undefined || null)   //输出null
console.log(null || undefined)   //输出undefined
console.log('' || undefined)   //输出undefined
console.log(0 || undefined)   //输出undefined

？？的语法作用

使用 ?? 的时候，当第一个值为非null非undefined的时候，优先取第一个值，而当第一个值是null或undefined的时候，则优先取第二个参数的值

console.log(null ?? 1)                //输出 1
console.log(undefined ?? 1)       //输出1     
console.log(0 ?? 1)                   //输出0 
console.log('' ?? 1)                   //输出'' 
console.log(1 ?? null)               //输出1 
console.log(undefined ?? '')      //输出''
console.log(undefined ?? 0)      //输出0
console.log(undefined ?? null)   //输出null
console.log(null ?? undefined)   //输出undefined
console.log('' ?? undefined)   //输出''
console.log(0 ?? undefined)   //输出0

对比总结

1. 当一个变量值可能为空0或者’'的时候，希望最后展示的是默认值的时候，则只能使用 || 来处理。
2. 当一个变量值可能为null或undefined的时候，希望最后展示的是默认值的时候，则优先使用 ?? 来处理。