|| 的语法作用
使用 || 的时候,当第一个值为非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
对比总结
- 当一个变量值可能为空0或者’'的时候,希望最后展示的是默认值的时候,则只能使用 || 来处理。
- 当一个变量值可能为null或undefined的时候,希望最后展示的是默认值的时候,则优先使用 ?? 来处理。