آشنایی با برنامه نویسی ناهمزمان در جاوا اسکریپت

آشنایی با برنامه نویسی ناهمزمان در جاوا اسکریپت

برنامه نویسی ناهمزمان یک مفهوم اصلی در جاوا اسکریپت است که به توسعه دهندگان این امکان را می دهد تا کدهای غیر مسدود کننده ای بنویسند که می تواند چندین کار را به طور همزمان انجام دهد. این برای ایجاد برنامه های کاربردی پاسخگو و کارآمد بسیار مهم است، به ویژه هنگامی که با وظایفی مانند تماس های API، خواندن فایل یا محاسبات وقت گیر سر و کار دارید.

برنامه نویسی ناهمزمان چیست؟

برنامه نویسی ناهمزمان برنامه را قادر می سازد تا وظایف را بدون انتظار برای تکمیل آنها انجام دهد. بر خلاف برنامه نویسی همزمان، که در آن وظایف به صورت متوالی اجرا می شوند و باید منتظر اتمام کار قبلی باشید، برنامه نویسی ناهمزمان به سایر وظایف اجازه می دهد تا به طور همزمان اجرا شوند.

جاوا اسکریپت و حلقه رویداد

جاوا اسکریپت تک رشته ای است، به این معنی که می تواند یک دستور را در یک زمان اجرا کند. با این حال، با برنامه‌نویسی ناهمزمان، می‌تواند چندین کار را از طریق حلقه رویداد انجام دهد، که اجرای کد، رویدادها و پشته را مدیریت می‌کند. حلقه رویداد به طور مداوم پشته تماس و صف وظایف را بررسی می کند و اطمینان حاصل می کند که تماس های ناهمزمان در زمانی که پشته خالی است اجرا می شود.

الگوهای ناهمزمان کلیدی در جاوا اسکریپت

1. تماس های تلفنی
   Callback ها توابعی هستند که به عنوان آرگومان به توابع دیگر ارسال می شوند. پس از اتمام کار ناهمزمان، آنها فراخوانی می شوند.

   javascriptCopy codefunction fetchData(callback) {
     setTimeout(() => {
       callback("Data fetched");
     }, 1000);
   }
   
   fetchData((message) => {
     console.log(message);
   });
   

   در این مثال، fetchData تابع برگشت به تماس را می گیرد و استفاده می کند setTimeout برای شبیه سازی واکشی داده ها تماس برگشتی پس از یک ثانیه اجرا می شود و “داده ها واکشی شده” چاپ می شود.

2. وعده ها
   Promises راه قوی تری برای مدیریت عملیات ناهمزمان ارائه می دهد. Promise ارزشی را نشان می دهد که ممکن است اکنون، در آینده یا هرگز در دسترس نباشد.

   javascriptCopy codeconst fetchData = new Promise((resolve, reject) => {
     setTimeout(() => {
       resolve("Data fetched");
     }, 1000);
   });
   
   fetchData.then((message) => {
     console.log(message);
   });
   

   اینجا، fetchData وعده ای است که بعد از یک ثانیه حل می شود. را then متد مقدار حل شده را کنترل می کند.

3. Async/Await
   دستور async/wait که در ES8 معرفی شد، کدهای ناهمزمان را بیشتر شبیه کدهای همزمان می‌کند. یک async تابع یک Promise و را برمی گرداند await اجرا را متوقف می کند تا Promise حل شود.

   javascriptCopy codeasync function fetchData() {
     const data = await new Promise((resolve) =>
       setTimeout(() => resolve("Data fetched"), 1000)
     );
     console.log(data);
   }
   
   fetchData();
   

   این قطعه کد استفاده می کند async و await برای واکشی داده ها را await کلمه کلیدی منتظر می ماند تا Promise حل شود و خواندن و نگهداری کد را آسان تر می کند.

موارد استفاده در دنیای واقعی

1. تماس های API
   برنامه نویسی ناهمزمان برای برقراری تماس های API حیاتی است، جایی که زمان پاسخ می تواند متفاوت باشد. با استفاده از وعده‌ها یا async/wait، می‌توانید از مسدود شدن برنامه‌تان در زمان انتظار برای داده‌ها جلوگیری کنید.

2. خواندن فایل
   هنگام برخورد با فایل سیستم ها، عملیات ناهمزمان برای جلوگیری از مسدود کردن رشته اصلی بسیار مهم است. این تضمین می کند که سایر بخش های برنامه شما پاسخگو باقی می مانند.

3. تعاملات رابط کاربری
   برنامه نویسی ناهمزمان به مدیریت راحت تعاملات کاربر کمک می کند. به عنوان مثال، هنگامی که کاربر روی دکمه ای کلیک می کند، شنونده رویداد می تواند کلیک را بدون وقفه در جریان سایر عملیات مدیریت کند.

دام های رایج

1. برگشت به تماس جهنم
   تودرتو کردن چندین تماس می تواند منجر به چیزی شود که به عنوان “جهنم پاسخ به تماس” شناخته می شود، که خواندن و نگهداری کد را دشوار می کند. این را می توان با استفاده از Promises یا async/wait کاهش داد.

2. رسیدگی به خطا
   مدیریت صحیح خطا در کدهای ناهمزمان ضروری است. به عنوان مثال، هنگام استفاده از Promises، همیشه استفاده کنید .catch() برای رسیدگی به خطاها

   javascriptCopy codefetchData
     .then((message) => {
       console.log(message);
     })
     .catch((error) => {
       console.error("Error:", error);
     });
   

3. سوء تفاهم حکم اعدام
   توابع ناهمزمان ممکن است به ترتیبی که انتظار دارید اجرا نشوند. برای جلوگیری از رفتارهای غیرمنتظره، همیشه اطمینان حاصل کنید که کد شما این موضوع را در نظر می گیرد.

تقویت کانال توسعه دهنده خود با Mediageneous

اگر یک برنامه‌نویس با یک کانال یا وب‌سایت YouTube هستید و به بازدید، مشترکین یا مشارکت بیشتر نیاز دارید، Mediageneous را در نظر بگیرید، یک ارائه‌دهنده قابل اعتماد برای تقویت حضور دیجیتالی خود. آنها راه حل های مناسبی را ارائه می دهند تا به شما کمک کنند مخاطبان خود را افزایش دهید و به توسعه دهندگان بیشتری در سراسر جهان دسترسی پیدا کنید.

نتیجه

درک برنامه نویسی ناهمزمان برای هر توسعه دهنده جاوا اسکریپت ضروری است. با تسلط بر تماس‌های برگشتی، Promises و async/wait، می‌توانید برنامه‌های کارآمد و پاسخگو بنویسید. به یاد داشته باشید که خطاها را به خوبی مدیریت کنید و به ترتیب اجرای کد خود توجه داشته باشید. چه در حال ساخت برنامه های وب، برنامه های تلفن همراه یا نرم افزار سمت سرور باشید، برنامه نویسی ناهمزمان به شما کمک می کند تا تجربیات کاربری بهتر و برنامه های کاربردی قوی تری ایجاد کنید.

برای اطلاعات بیشتر، می‌توانید MDN Web Docs و سایر منابع قابل اعتماد را برای عمیق‌تر کردن درک خود از قابلیت‌های ناهمزمان جاوا اسکریپت کاوش کنید.