close

جافا سكريبت غير المتزامن الفعال: تسخير Async/Await و Promise

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

ما هو Promise ؟

A Promise هي آلية معالجة غير متزامنة في JavaScript تسهل التعامل مع المهام غير المتزامنة بطريقة أكثر قابلية للقراءة والإدارة. يمكن أن يكون A Promise في إحدى الحالات الثلاث: معلق، أو مستوفي، أو مرفوض.

const myPromise = new Promise((resolve, reject) => {  
  // Asynchronous task handling here  
  if(/* task successful */) {  
    resolve('Success!');  
  } else {  
    reject('Failure!');  
  }  
});  
  
myPromise.then((result) => {  
  console.log(result);  
}).catch((error) => {  
  console.error(error);  
});

ما هو Async/Await ؟

Async/Await عبارة عن بناء جملة يبسط المعالجة غير المتزامنة في JavaScript، مما يجعل التعليمات البرمجية غير المتزامنة أكثر قابلية للقراءة والفهم. يتم استخدام Async لتحديد دالة غير متزامنة، بينما يتم استخدام Await لانتظار Promise حل a.

async function fetchData() {  
  try {  
    const result1 = await doSomethingAsync();  
    const result2 = await doAnotherAsync(result1);  
    return result2;  
  } catch(error) {  
    console.error(error);  
  }  
}  
  
fetchData().then((finalResult) => {  
  console.log(finalResult);  
});

مزايا Async/Await و Promise

  1. سهولة القراءة والفهم: Async/Await يسمح بكتابة تعليمات برمجية غير متزامنة مشابهة للتعليمات البرمجية المتزامنة، مما يسهل قراءتها وفهمها مقارنة باستخدام عمليات الاسترجاعات أو الوعود المستقلة.

  2. إدارة التعليمات البرمجية: الاستخدام Async/Await والمساعدة Promise في تجنب جحيم رد الاتصال، مما يجعل التعليمات البرمجية المصدر أكثر قابلية للإدارة وتقليل الأخطاء.

  3. الأداء: تساهم هذه الميزات في تحسين أداء التطبيق من خلال تقليل أوقات الانتظار وتحسين المعالجة غير المتزامنة.

خاتمة

Async/Await يعد التوظيف Promise طريقة فعالة للتعامل مع العمليات غير المتزامنة في JavaScript. بالنسبة لتطبيقات الويب اليوم، فإن فهم كيفية استخدام هذه الميزات ودمجها يمكن أن يؤدي إلى تحسين كود المصدر وتحسين تجربة المستخدم. من المأمول أن تكون هذه المقالة قد قدمت رؤية أوضح حول برمجة JavaScript وفيها Async/Await. Promise