فهم عدم المزامنة/الانتظار في JavaScript: الغوص بشكل أعمق في توقيتات الإخراج

توضيح سلوك JavaScript Async/Await في التوقيت

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

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

تهدف هذه المقالة إلى إرشادك عبر الكود، وتوضيح كيفية تنفيذه غير متزامن و انتظر آليات العمل، وكذلك كيفية تأثير ترتيب حل الوعد على النتيجة النهائية. بحلول نهاية هذا، يجب أن يكون لديك فهم أوضح لكيفية عمل التوقيت في JavaScript غير المتزامن.

دعنا نتعمق في الكود لفهم سبب ظهور الوظيفة الأولى 24 بعد 5 ثوان، ويتم إخراج الوظيفة الثانية أيضًا 24 ولكن مع هيكل وعد مختلف. بهذه المعرفة، ستكون مجهزًا بشكل أفضل لتقييمات المقابلة القادمة.

استكشاف العمليات غير المتزامنة في جافا سكريبت

توضح البرامج النصية المقدمة قوة العمليات غير المتزامنة في JavaScript باستخدام غير متزامن و انتظر الكلمات الرئيسية. الفكرة الرئيسية هي التعامل مع المهام غير المتزامنة مثل العمليات المؤجلة بكفاءة. في كلا المثالين، الدالة After5s(x) يحاكي تأخيرًا قدره 5 ثوانٍ عن طريق إرجاع وعد يتم حله بالقيمة س. يعد هذا التأخير ضروريًا لفهم تسلسل العمليات وكيفية تفاعل الوعود مع تدفق الوظيفة.

في الوظيفة الأولى، متعدد (الإدخال)، ينتظر الكود بالتسلسل حتى يتم حل وعدين. ال انتظر تضمن الكلمة الأساسية أن يقوم الكود بإيقاف التنفيذ مؤقتًا حتى يتم إرجاع الوعد After5s(3) تم حلها. بعد ذلك، بعد حل الوعد الأول، ينتظر الكود 5 ثوانٍ أخرى للوعد الثاني After5s(4) لحلها. وينتج عن هذا وقت انتظار إجمالي قدره 10 ثوانٍ قبل إجراء الحساب. إن ضرب المدخلات بكلتا القيمتين اللتين تم حلهما يعطي الناتج النهائي.

الوظيفة الثانية، Second_mult (الإدخال)، يعمل على تحسين الأداء من خلال بدء كلا الوعدين بشكل متزامن. بالتكليف After5s(3) و After5s(4) للمتغيرات قبل التقديم انتظر، كلا الوعدين يسيران بالتوازي. عندما يصل الرمز إلى انتظر البيانات، فإنه ينتظر حل كلا الوعدين، لكنهما قيد التنفيذ بالفعل، مما يقلل إجمالي وقت الانتظار إلى 5 ثوانٍ فقط. يسلط هذا التنفيذ المتزامن الضوء على أهمية تحسين العمليات غير المتزامنة.

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

function after5s(x) {
  return new Promise(res => {
    setTimeout(() => {
      res(x);
    }, 5000);
  });
}

// First approach using async/await with sequential waits
async function mult(input) {
  const f = await after5s(3);
  const g = await after5s(4);
  return input * f * g;
}

// Calling the function and handling the promise resolution
mult(2).then(value => {
  console.log(value); // Output: 24 after 10 seconds
});

function after5s(x) {
  return new Promise(res => {
    setTimeout(() => {
      res(x);
    }, 5000);
  });
}

// Second approach optimizing by starting both promises concurrently
async function second_mult(input) {
  const f = after5s(3); // Starts promise immediately
  const g = after5s(4); // Starts second promise concurrently
  return input * await f * await g;
}

// Calling the function and handling the promise resolution
second_mult(2).then(value => {
  console.log(value); // Output: 24 after 5 seconds
});

إتقان الأنماط غير المتزامنة في جافا سكريبت

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

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

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