🌀 درک جاوا اسکریپت ناهمزمان: پاسخ به تماس ها، وعده ها و Async/Await

Summarize this content to 400 words in Persian Lang
جاوا اسکریپت ناهمزمان به کد اجازه می دهد تا بدون یخ زدن کل صفحه اجرا شود، و آن را برای تجربه کاربری روان ضروری می کند.

در اینجا یک تفکیک سریع از ابزارهای کلیدی برای رسیدگی به کارهای ناهمزمان در آن آورده شده است

جاوا اسکریپت:

1️⃣ پاسخ به تماس

Callback ها توابعی هستند که به عنوان آرگومان به توابع دیگر منتقل می شوند و پس از تکمیل تابع اصلی اجرا می شوند.

🚦 مثال:

function fetchData(callback) {

setTimeout(() => {

console.log(“Data fetched!”);

callback();

}, 2000);

}

fetchData(() => console.log(“Processing complete!”));

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

2️⃣ قول

Promises روشی تمیزتر برای مدیریت عملیات ناهمزمان است.

آنها یا حل می کنند (موفقیت) یا رد (شکست)، که به شما کمک می کند پاسخ ها را به طور موثر مدیریت کنید.

✨ مثال:

let dataPromise = new Promise((resolve, reject) => {

setTimeout(() => resolve(“Data received!”), 2000);

});

dataPromise.then(result => console.log(result)).catch(error => console.log(error));

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

3️⃣ Async/Await

Async/Await روشی مدرن برای مدیریت کدهای ناهمزمان است که خواندن و نوشتن آن را آسان‌تر می‌کند.

این بر اساس Promises ساخته شده است اما بیشتر شبیه کد همزمان است.

🚀 مثال:

async function getData() {

try {

let response = await fetch(“https://api.example.com/data”);

let data = await response.json();

console.log(data);

} catch (error) {

console.error(“Error:”, error);

}

}

getData();

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

✨ به طور خلاصه:

Callbacks: اساسی است اما می تواند منجر به “جهنم پاسخ به تماس” شود.
وعده ها: تمیزتر و ساختارمندتر.
Async/Await: باعث می‌شود کدهای همگام‌سازی همزمان و درک آن آسان‌تر شود.

تسلط بر این موارد شما را در مدیریت داده های بلادرنگ، واکشی API و موارد دیگر حرفه ای می کند! 😎

function fetchData(callback) {

 setTimeout(() => {

  console.log("Data fetched!");

  callback();

 }, 2000);

}



fetchData(() => console.log("Processing complete!"));

let dataPromise = new Promise((resolve, reject) => {

 setTimeout(() => resolve("Data received!"), 2000);

});



dataPromise.then(result => console.log(result)).catch(error => console.log(error));

async function getData() {

 try {

  let response = await fetch("https://api.example.com/data");

  let data = await response.json();

  console.log(data);

 } catch (error) {

  console.error("Error:", error);

 }

}



getData();