JS中空值合并运算符 ?? 的使用

const foo = null ?? 'default string';
console.log(foo);  //output: "default string"

const bar = 0 ?? 'default string'
console.log(bar);  //output: 0

let result = value1 ?? value2;

let a = null;
let b = 5;
let c = undefined;
let d = 0;

console.log(a ?? b);  // 5，因为 a 是 null
console.log(c ?? b);  // 5，因为 c 是 undefined
console.log(d ?? b);  // 0，因为 d 不是 null 或 undefined，而是 0

let x = 0;
let y = 10;

console.log(x || y);  // 10，因为 x 是假值（0）
console.log(x ?? y);  // 0，因为 x 不是 null 或 undefined

let userAge = null;
let defaultAge = 18;

let age = userAge ?? defaultAge;
console.log(age);  // 18，因为 userAge 是 null

let firstName = null;
let lastName = undefined;
let defaultName = "Anonymous";

let name = firstName ?? lastName ?? defaultName;
console.log(name);  // "Anonymous" 因为 firstName 和 lastName 都是 null 或 undefined

let user = { name: "Alice" };

let userAge = user?.age ?? 18;
console.log(userAge);  // 18，因为 user 对象中没有 `age` 属性，所以返回默认值 18

// 1. 使用 0 作为输入 
const a = 0;
console.log(`a || 10 = ${a || 10}`); // a || 10 = 10
console.log(`a ?? 10 = ${a ?? 10}`); // a ?? 10 = 0

// 2. 空字符串 '' 作为输入
const a = ''
console.log(`a || "ABC" = ${a || "ABC"}`); // a || "ABC" = ABC
console.log(`a ?? "ABC" = ${a ?? "ABC"}`); // a ?? "ABC" = 

// 3. 使用 null 作为输入
const a = null;
console.log(`a || 10 = ${a || 10}`); // a || 10 = 10
console.log(`a ?? 10 = ${a ?? 10}`); // a ?? 10 = 10

// 4. 使用 undefined 作为输入
const a = {name: ''}

console.log(`a.name ?? 'varun 1' = ${a.name ?? 'varun 1'}`); 
console.log(`a.name || 'varun 2' = ${a.name || 'varun 2'}`);
// a.name ?? 'varun 1' = 
// a.name || 'varun 2' = varun 2

// 5. 使用 false 作为输入
const a = false;
console.log(`a || 10 = ${a || 10}`); // a || 10 = 10
console.log(`a ?? 10 = ${a ?? 10}`); // a ?? 10 = false