تحفيز خطأ غير محسوب أثناء تنفيذ سلسلة من المت callbacks

تعد JavaScript واحدة من أكثر لغات البرمجة المستخدمة شيوعًا في تطوير الويب، وتوفر الكثير من المرونة والقوة عند التعامل مع الأحداث والفيديوهات. ومن الأمور المعقدة التي يمكن أن تواجه المطورين في JavaScript هو كيفية التعامل مع الأخطاء غير المكتشفة بشكل متزامن أثناء تنفيذ سلسلة من المعالجات أو الاسترجاعات (callbacks)، دون تعطيل تنفيذ المعالجات التالية. في هذه المقالة، سوف نستكشف كيف يمكن لمحاكاة هذا السلوك أن تعتبر تحديًا، وسنبحث في بعض الحلول الممكنة.

تنفيذ سلسلة الاسترجاعات مع الأخطاء

عند التعامل مع الاسترجاعات في JavaScript باستخدام addEventListener، يتم تنفيذ المعالجات بالترتيب الذي تم إضافتها به. وعندما يحدث خطأ غير مكتشف أثناء تنفيذ أحد المعالجات، يتسبب ذلك في إيقاف تنفيذ المعالجات التالية. ولكن كيف يمكننا محاكاة هذا السلوك بحيث نستطيع إلقاء أخطاء غير مكتشفة ولكن دون إيقاف المعالجات اللاحقة؟

تظهر المشكلة بشكل واضح في مثال بسيط، حيث يُمكننا أن نرى أن عندما يقع خطأ في أحد المستمعين، يتوقف تنفيذ البرامجيات الأخرى. على سبيل المثال:

let button = document.createElement("button");
button.textContent = "انقر";
document.body.append(button);
button.addEventListener('click', () => { console.log('المستمع الأول'); throw new Error('خطأ'); });
button.addEventListener('click', () => { console.log('المستمع الثاني'); });
console.log("قبل النقر");
button.click();
console.log("بعد النقر");

في الكود السابق، يظهر أن خطأ لم يتم اكتشافه ينتج من المستمع الأول، مما يؤدي إلى عدم تنفيذ المستمع الثاني.

كيفية محاكاة سلوك الأخطاء غير المكتشفة

لنفهم كيفية التعامل مع هذه الحالة بشكل تزامني، لنلقِ نظرة على مثال آخر حيث نستخدم مجموعة من الاسترجاعات داخل دالة:

let callbacks = [
  () => { console.log('1st listener'); throw new Error("خطأ"); },
  () => { console.log('2nd listener') },
];
function TriggerHandlers() {
  for(let cb of callbacks) {
    try {
      cb();
    } catch (e) {
      console.error(e); 
      // يحتاج السلوك هنا ليظهر أن الخطأ لم يُحد من تنفيذ المعالجات الأخرى.
    }
  }
}
console.log("قبل النقر");
TriggerHandlers();
console.log("بعد النقر");

في المثال أعلاه، يتم تسجيل الخطأ بشكل كامل، ولكن أيضا نسعى لتنفيذ الكودين المتبقيين.

النهج المقترح لمعالجة الأخطاء

للتعامُل مع هذه المشكلة بشكل أفضل، يمكننا التفكير في استخدام setTimeout مع مجموعة من الاسترجاعات، ولكن كما ذكرنا سابقًا، هذه الحلول تكون غير متزامنة وتخرجنا عن نطاق استخدام TriggerHandlers بشكل تزامني.

بدلاً من ذلك، يمكن أن يتم توسيع EventTarget للسماح بتحكم أكثر دقة عند التعامل مع الأخطاء. على الرغم من أن هذا قد لا يكون حلاً مثالياً في كل حالة، فإنه يوفر وسيلة لمحاكاة سلوك addEventListener دون المقاطعة.

نهاية المقال

في الختام، يعتبر التعامل مع الأخطاء غير المكتشفة سمة معقدة في JavaScript، خاصة عند تنفيذ سلسلة من الاسترجاعات. من المهم فهم كيفية تنفيذ الأخطاء دون مقاطعة تدفق التنفيذ. تجدر الإشارة إلى أن استخدام EventTarget يعد حلاً محتملاً، ولكن هناك الكثير من الخيارات الأخرى التي يمكن دراستها وفقًا للسياق الخاص بالمشروع.

إذا كنت تبحث عن طرق مختلفة للمساعدة في معالجة هذا الأمر، فلا تتردد في البحث عن المزيد من الحلول التقنية أو تبادل الأفكار مع المجتمع البرمجي لتوسيع آفاقك ومعرفتك حول هذه المشكلة.