Q46. What are optional chaining (?.) and nullish coalescing (??)?

const user = {
  name: "Rahim",
  address: {
    city: "ঢাকা",
  },
};

console.log(user.address.city);    // "ঢাকা"
console.log(user.profile.email);   // ❌ TypeError

console.log(user.profile?.email);        // undefined
console.log(user.address?.city);        // "ঢাকা"
console.log(user.profile?.contact?.phone); // undefined — দুই লেভেলেই নিরাপদ

const count = 0;
const name = "";

console.log(count || 10);   // 10  — 0 কে "ফালতু" ধরা হয়েছে
console.log(count ?? 10);   // 0   — 0 সত্যিকারের মান, তাই রাখা হয়েছে

console.log(name || "Rahim"); // "Rahim" — "" ফালতু ধরা হয়েছে
console.log(name ?? "Rahim"); // ""      — "" সত্যিকারের মান

function getDisplayName(user) {
  return user.profile?.name ?? "অতিথি";
}

console.log(getDisplayName({}));                    // "অতিথি"
console.log(getDisplayName({ profile: { name: "" } })); // "" — খালি রাখা হয়েছে

// বাস্তব উদাহরণ — API response-এর default মান
const response = await fetch("/api/config");
const data = await response.json();

const theme = data.settings?.theme ?? "light";
const retries = data.config?.retries ?? 3;

// method call ও index-এও কাজ করে
const response = await fetch("/api/users");

const data = await response?.json?.();
const first = list?.[0]?.name;
const value = config?.["theme"] ?? "light";

// ❌ `??` অপারেটর `||` বা `&&`-এর সাথে মিশিয়ে লেখা যায় না
const value = a ?? b || c;   // SyntaxError
const value = a || b ?? c;   // SyntaxError

// ✅ আগে parenthesize করুন
const value = a ?? (b || c);
const value = (a || b) ?? c;

// ব্রাউজারে সাময়িকভাবে ব্যবহারের জন্য
const value = a?.b ?? fallback;
// babel বা esbuild ছাড়া পুরোনো browser-এ কাজ করবে না