فهم عامل الدمج الصفري (Nullish Coalescing Operator) في JavaScript: دليل شامل

مقدمة إلى عامل الدمج الصفري في JavaScript

أحدث إصدار ES11 (المعروف أيضًا بـ ECMAScript 2020) إضافة قيمة إلى لغة JavaScript وهو عامل الدمج الصفري (Nullish Coalescing Operator)، الذي يُرمز إليه بعلامتي استفهام مزدوجتين: ??. يهدف هذا العامل إلى تبسيط التعامل مع القيم الافتراضية بطريقة أكثر دقة من العوامل المنطقية التقليدية. في هذا المقال، سنتعمق في فهم سبب أهميته وكيفية استخدامه بفعالية في تطبيقاتك.

خلفية: عامل OR المنطقي (||) وقيوداته

لفهم القيمة الحقيقية لعامل الدمج الصفري، من الضروري أولاً استعراض عامل OR المنطقي (||) وكيف يعمل في JavaScript. يُعرف عامل || بأنه عامل اختصار الدائرة (short-circuit logical operator)، حيث يقوم بإرجاع أول قيمة تُعتبر truthy (صحيحة منطقياً) يواجهها. هذا يعني أنه إذا كانت القيمة الأولى falsy (خاطئة منطقياً)، فإنه ينتقل لتقييم القيمة التالية وهكذا.

ما هي القيم الـ falsy في JavaScript؟

في JavaScript، هناك ست قيم فقط تُعتبر falsy. أي قيمة أخرى غير هذه القائمة تُعتبر truthy:

• false
• undefined
• null
• "" (سلسلة نصية فارغة)
• NaN (ليس رقمًا)
• 0 (الرقم صفر)

القيم truthy و falsy هي قيم غير منطقية يتم تحويلها ضمنيًا إلى true أو false عند إجراء عمليات منطقية معينة.

const value1 = 1;
const value2 = 23;
const result = value1 || value2;
console.log(result); // 1

في المثال أعلاه، بما أن عامل || يُرجع أول قيمة truthy، فإن value1 (التي قيمتها 1) تُعتبر truthy، وبالتالي تكون قيمة result هي 1.

إذا كانت value1 إحدى القيم الـ falsy، فسيتم تقييم المعامل التالي بعد || وستكون قيمته هي نتيجة التعبير الكلي:

const value1 = 0;
const value2 = 23;
const value3 = "Hello";
const result = value1 || value2 || value3;
console.log(result); // 23

هنا، بما أن value1 هي 0 (وهي قيمة falsy)، ينتقل التقييم إلى value2. بما أن value2 (التي قيمتها 23) هي قيمة truthy، فإنها تُصبح نتيجة التعبير بأكمله.

القصور في عامل ||

المشكلة الأساسية في عامل || هي أنه لا يميز بين القيم الـ falsy المختلفة. فبالنسبة له، false، 0، السلسلة الفارغة ""، NaN، null، و undefined كلها تُعامل بنفس الطريقة كقيم falsy. إذا كانت أي من هذه القيم هي المعامل الأول لـ ||، فسنحصل على المعامل الثاني كنتيجة، حتى لو كانت القيمة الأولى (مثل 0 أو false) قيمة صالحة ومقصودة.

لماذا احتاجت JavaScript إلى عامل الدمج الصفري (??)؟

بينما يعمل عامل || بشكل ممتاز في العديد من السيناريوهات، إلا أن هناك حالات نرغب فيها في تقييم التعبير التالي فقط عندما يكون المعامل الأول null أو undefined على وجه التحديد، وليس أي قيمة falsy أخرى. على سبيل المثال، قد يكون الرقم 0 أو السلسلة النصية الفارغة "" قيمًا صالحة ومقصودة في سياق معين، ولا نريد استبدالها بقيمة افتراضية.

لحل هذه المشكلة، أضاف ES11 عامل الدمج الصفري ??. في التعبير x ?? y، تكون النتيجة y فقط إذا كانت x إما null أو undefined. أما إذا كانت x ليست null أو undefined (حتى لو كانت 0 أو false أو "")، فستكون النتيجة هي x. هذا يجعل عمليات التحقق الشرطية وتصحيح الأخطاء أكثر سهولة ودقة.

تطبيق عملي: أمثلة على عامل الدمج الصفري

دعنا نستعرض بعض الأمثلة لتوضيح كيفية عمل عامل الدمج الصفري ??:

let result = undefined ?? "Hello";
console.log(result); // Hello

result = null ?? true;
console.log(result); // true

result = false ?? true;
console.log(result); // false

result = 45 ?? true;
console.log(result); // 45

result = "" ?? true;
console.log(result); // ""

result = NaN ?? true;
console.log(result); // NaN

result = (4 > 5) ?? true;
console.log(result); // false (لأن 4 > 5 تقيّم إلى false)

result = (4 < 5) ?? true;
console.log(result); // true (لأن 4 < 5 تقيّم إلى true)

result = [1, 2, 3] ?? true;
console.log(result); // [1, 2, 3]

من الأمثلة أعلاه، يتضح أن نتيجة العملية x ?? y هي y فقط عندما تكون x إما undefined أو null. في جميع الحالات الأخرى، ستكون نتيجة العملية دائمًا هي x، بغض النظر عما إذا كانت x قيمة falsy أخرى مثل false أو 0 أو "" أو NaN.

الخلاصة التقنية

كما رأينا، يُعد عامل الدمج الصفري ?? إضافة قوية ومفيدة للغاية إلى JavaScript، خاصة عندما يكون اهتمامك الوحيد هو التعامل مع قيم null أو undefined لمتغير ما. إنه يوفر طريقة أكثر دقة لتحديد القيم الافتراضية، مما يجنبك استبدال قيم صالحة (مثل 0 أو false) عن طريق الخطأ. بدءًا من ES6 وما بعده، شهدت JavaScript العديد من الإضافات القيمة التي عززت من قدراتها ومرونتها، مثل فك التفكيك (Destructuring)، دوال السهم (Arrow functions)، الوعود (Promises)، async/await، وعامل السلسلة الاختيارية (Optional chaining operator). يمثل عامل الدمج الصفري خطوة أخرى نحو جعل JavaScript لغة أكثر قوة ووضوحًا في التعامل مع البيانات، مما يسهل على المطورين كتابة تعليمات برمجية أنظف وأكثر موثوقية.