ES2017 قدمت JavaScript Async/في انتظار وهو غلاف حول الوعود. يتم استخدام Async/Await لاستهلاك واجهات برمجة التطبيقات القائمة على الوعود بطريقة حديثة وأبسط.

ما هو ASYNC في انتظار JavaScript؟?

ملخص

لقد غطينا وعود JavaScript في منشور المدونة السابق لدينا ويجب عليك زيارتك إذا كنت ترغب في الحصول على فهم واضح للمفهوم وراء وعود JavaScript. في هذه السلسلة من البرامج التعليمية JavaScript ، نحن هنا مع دليل JavaScript آخر من شأنه أن يوضح الميزات الحديثة لـ JavaScript Async/في انتظار. منشور المدونة هذا مخصص لأولئك الذين لديهم معرفة مسبقة بوعود JavaScript. علاوة على ذلك ، سنحاول تغطية ما هو غير متزامن/ننتظر في JavaScript ، وعندما نحتاج إلى استخدام Async/الانتظار. بالإضافة إلى ذلك ، سنقوم أيضًا بتغطية الأخطاء مع Async/في انتظار. لذلك ، قم بإعطاء قراءة شاملة لهذا JavaScript Async/في انتظار البرنامج التعليمي لتحديد هذا المفهوم الذي تم فحصه. سنذهب من خلال الأقسام التالية في هذا التعليمي في JavaScript Async:

ما هو async/في انتظار JavaScript | Async في انتظار بناء الجملة

تم إصدار ECMASCRIPT 2017 ميزات جديدة لـ JavaScript و Async/Await هي واحدة من أكثر هذه الميزات استخدامًا على نطاق واسع. تم بناء Async/Await على رأس الوعود وهي في الواقع وسيلة حديثة للتعامل مع وعود JavaScript. دعونا نرى كيفية استخدام الكلمات الرئيسية ASYNC/في انتظار رمز JavaScript:

async function getValues() {

  let promise = new Promise(function(resolve, reject) {
   // processing.. 
  });

  let data = await promise; // waits until the promise fulfills
   
  return data;
 
}
getValues().then(function(){
  console.log(data); // results printed.
})

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

متى تستخدم Async/في انتظار؟

حتى الآن ، لديك إجابة على ما الذي ينتظره المتزامن في JavaScript . نظرًا لأن هذا ليس سوى غلاف حول JavaScript التقليدي ، لذا يمكنك استخدام هذه الطريقة الجديدة لإنشاء وعودًا بطريقة أكثر نظافة وقابلة للقراءة. بالإضافة إلى ذلك ، يمكنك التخلص من العديد من الوعد. تُغلف الكلمة الرئيسية في انتظار بيان .Then () في سطر واحد.

خطأ مع ذلك مع Async/في انتظار

تعتبر معالجة الأخطاء مهمة مهمة عندما يتعلق الأمر بتطوير البرمجيات على مستوى المؤسسة. هناك طرق متعددة لالتقاط الأخطاء في نهج Async/الانتظار.

جرب Catch Async في انتظار JavaScript

جرب Catch Async في انتظار JavaScript : لا شيء جديد مع نهج معالجة الأخطاء هذا. ومع ذلك ، يمكنك استخدام كتلة Try/Catch داخل وظيفة Async كما هو موضح في مقتطف الرمز أدناه:

async function getValues() {
  try{
    let promise = new Promise(function(resolve, reject) {
     // processing.. 
    });

    let data = await promise; // waits until the promise fulfills
   
    return data;
  } catch(err){
    // you may handle errors the way you want..
  }
 
}

باستخدام كتلة Try/Catch ، يمكنك التقاط الاستثناءات داخل جسم وظيفة Async. بينما ، هناك نهج آخر للتعامل مع الأخطاء التي يمكنك من خلالها إلحاق كتلة .catch () في نهاية استدعاء الوظيفة. نظرًا لأن Async/في انتظار الوعد ، لذلك يمكنك التقاط الأخطاء في كتلة .catch ().

async function getValues() {

  let promise = new Promise(function(resolve, reject) {
   // processing.. 
  });

  let data = await promise; // waits until the promise fulfills
   
  return data;
 
}
getValues().catch(err){
 // catch the errors 
}

خاتمة

نحن ننهي هذا JavaScript Async في انتظار البرنامج التعليمي . آمل أن يكون لديك فهم أفضل لـ ما الذي ينتظره المتزامن في JavaScript . بالإضافة إلى ذلك ، لقد مررنا ببناء JavaScript Async ينتظر بناء جملة المصدر أقل تعقيدًا. يتم استخدام ميزة JavaScript هذه على نطاق واسع بسبب استخدامها الغني وأدائه. في الأيام المقبلة ، سنكتب المزيد من ميزات ومفاهيم JavaScript حتى تتمكن من الحصول على أمر قوي على مفاهيم JS. علاوة على ذلك ، هناك بعض المقالات الأخرى المثيرة للاهتمام المذكورة في قسم “انظر أيضا”.

اتصل بنا

أخيرًا ، يقدم Containerize.com دروسًا مستمرة في جافا سكريبت حول مواضيع مثيرة مختلفة. يمكنك البقاء على اطلاع بمتابعتنا على منصات الوسائط الاجتماعية لدينا ، بما في ذلك Facebook و LinkedIn و Twitter.

طرح سؤال

يمكنك إخبارنا بأسئلتك أو استفساراتك في المنتدى.

الأسئلة الشائعة

ما هو async في انتظار javaScript مع مثال؟ يمكنك زيارة هذا الرابط لفهم مفهوم Async في انتظار. ما الذي ينتظره المتزامن مقابل الوعد؟

  • ASYNC/AFT يجعل رمز المصدر أكثر وضوحًا وقابلة للقراءة بالمقارنة مع الوعود التي يمكن أن تجعل التسلسل للوعود رمز المصدر في حالة من الفوضى.
  • معالجة الأخطاء تشبه إلى حد كبير في كلا النهجين.
  • تصحيح الأخطاء أقل صعوبة في Async في انتظار.
  • الوعود الحفاظ على الدول مثل معلق ، حل ، أو رفض. في حين أن Async/الانتظار إما حل أو رفض.

أنظر أيضا