空值合并操作符（??）

空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。

与逻辑或操作符（||）不同，逻辑或操作符会在左侧操作数为假值时返回右侧操作数。也就是说，如果使用 || 来为某些变量设置默认值，可能会遇到意料之外的行为。比如为假值（例如，‘’ 或 0）时。

const food = null ?? 'default string';
console.log(food);  // "default string"
 
const cfz = 0 ?? 42;
console.log(cfz);  //  0

const nullValue = null;
const emptyText = ""; // 空字符串，是一个假值，Boolean("") === false
const someNumber = 42;
 
const valA = nullValue ?? "valA 的默认值";
const valB = emptyText ?? "valB 的默认值";
const valC = someNumber ?? 0;
 
console.log(valA); // "valA 的默认值"
console.log(valB); // ""（空字符串虽然是假值，但不是 null 或者 undefined）
console.log(valC); // 42

空值合并操作符可以在使用可选链时设置一个默认值：

let customer = {
  name: "kite",
  details: { kg: 56 }
};
 
let custom = customer?.city ?? "CFZ";
console.log(custom);  // “CFZ”