الدمج عند null باستخدام ??

توفير القيم الافتراضية

const name = undefined;
console.log(name ?? "Guest"); // "Guest"

العامل ??

console.log(null ?? "fallback");      // "fallback"
console.log(undefined ?? "fallback"); // "fallback"
console.log("hi" ?? "fallback");      // "hi"

لماذا لا نستخدم ||؟

console.log(0 || 10);  // 10  (probably unwanted)
console.log(0 ?? 10);  // 0   (keeps the real value)

حالة السلسلة الفارغة

const note = "";
console.log(note || "none"); // "none"
console.log(note ?? "none"); // ""

الحفاظ على false

const enabled = false;
console.log(enabled ?? true); // false
console.log(enabled || true); // true

قراءة الإعدادات بأمان

function getVolume(settings) {
  return settings.volume ?? 50;
}
console.log(getVolume({ volume: 0 })); // 0

يعمل مع المتغيرات

let cached = null;
const value = cached ?? computeValue();
function computeValue() { return 99; }
console.log(value); // 99

التقييم بالتوقّف القصير

function side() { console.log("called"); return 1; }
const x = "ready" ?? side(); // side() never runs
console.log(x);

لا يمكن دمجه مباشرةً مع && أو ||

const a = true, b = null;
// const c = a || b ?? 1; // SyntaxError
const c = (a || b) ?? 1;
console.log(c);

معاملات الدالة الافتراضية مقارنةً بـ ??

function greet(name = "Guest") { return "Hi " + name; }
console.log(greet(null)); // "Hi null"
function greet2(name) { return "Hi " + (name ?? "Guest"); }
console.log(greet2(null)); // "Hi Guest"

متى تختارون كل عامل؟

const retries = 0;
console.log(retries ?? 3); // 0 kept

تحقّق سريع

مراجعة