const result = 左側(cè)值 ?? 右側(cè)默認值;

// 業(yè)務需求：僅當用戶未輸入數(shù)量（null/undefined）時，默認顯示 1
const userInput = 0; // 用戶明確輸入0件商品

// 錯誤寫法：|| 把 0 判定為假值，返回默認值 1
const countBad = userInput || 1; 
console.log(countBad); // 輸出 1（不符合預期）

// 正確寫法：?? 僅判斷 null/undefined，保留 0
const countGood = userInput ?? 1;
console.log(countGood); // 輸出 0（符合預期）

const userName = ''; // 用戶主動設置空昵稱
const nameBad = userName || '未知用戶'; // 輸出 '未知用戶'（錯誤）
const nameGood = userName ?? '未知用戶'; // 輸出 ''（正確）

// 需求：獲取用戶年齡，無則默認 18
const user = { info: { age: 0 } }; // 用戶年齡為 0（合法值）

// 安全寫法：?. 避免層級不存在報錯，?? 僅兜底 null/undefined
const age = user?.info?.age ?? 18;
console.log(age); // 輸出 0（保留合法值）

// 如果 user 無 info 屬性：
const user2 = {};
const age2 = user2?.info?.age ?? 18;
console.log(age2); // 輸出 18（兜底生效）

// 需求：門店功能項優(yōu)先取狀態(tài)2，無則取1，再無則返回默認值
const getTarget = (store) => {
  return store.storeFun?.find(vo => vo.storeStatus === 2)
    ?? store.storeFun?.find(vo => vo.storeStatus === 1)
    ?? { storeCode: '默認門店' };
};

// 測試：有2則返回2
const store1 = { storeFun: [{ storeStatus: 2, storeCode: 'code2' }] };
console.log(getTarget(store1).storeCode); // 輸出 code20

// 測試：無2有1則返回1
const store2 = { storeFun: [{ storeStatus: 1, storeCode: 'code1' }] };
console.log(getTarget(store2).storeCode); // 輸出 code1

// 測試：無2無1則返回默認
const store3 = { storeFun: [] };
console.log(getTarget(store3).storeCode); // 輸出 默認門店

// 需求：函數(shù)參數(shù)為 null/undefined 時用默認值，0/'' 保留
function calculate(price = 100) {
  // 傳統(tǒng)參數(shù)默認值：僅 undefined 生效，null 會被保留
  console.log(price);
}
calculate(null); // 輸出 null（不符合預期）

// 優(yōu)化：用 ?? 兜底 null/undefined
function calculateBetter(price) {
  const finalPrice = price ?? 100;
  console.log(finalPrice);
}
calculateBetter(null); // 輸出 100（符合預期）
calculateBetter(0); // 輸出 0（保留合法值）

// 錯誤寫法
const result = a && b ?? c;
// 正確寫法
const result = (a && b) ?? c;