وعده های خود را با جاوا اسکریپت کنترل کنید

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

در این مقاله، به بررسی این خواهیم پرداخت که وعده‌ها چیست، چگونه کار می‌کنند و چگونه می‌توانند جریان برنامه شما را بهبود بخشند. بیایید به جزئیات بپردازیم.

Promise در جاوا اسکریپت چیست؟

یک وعده در جاوا اسکریپت یک شی است که نشان دهنده تکمیل (یا شکست) نهایی یک عملیات ناهمزمان و مقدار حاصل از آن است. به عبارت دیگر، یک وعده واسطه ای است که اجرای کد ناهمزمان را مدیریت می کند و به شما امکان می دهد با مقادیری کار کنید که در زمان نوشتن کد هنوز شناخته شده نیستند.

ویژگی های کلیدی وعده ها:

در انتظار: حالت اولیه، جایی که عملیات ناهمزمان هنوز به پایان نرسیده است.
Resuelta (تکمیل شده): عملیات ناهمزمان با موفقیت به پایان رسید و نتیجه به دست آمد.
رد شد: عملیات ناهمزمان ناموفق بوده و دلیل یا خطا ارائه شده است.

این چرخه عمر یک وعده اجازه می دهد تا عملیات ناهمزمان با وضوح و کارآمدی بیشتری انجام شود و از “جهنم پاسخ به تماس” اجتناب شود.

چرا از وعده ها استفاده کنیم؟

وعده ها به ویژه هنگام کار با آنها مفید هستند درخواست ها به سرورها. تصور کنید یک درخواست HTTP برای دریافت داده دارید. زمان انتظار می‌تواند متفاوت باشد، و شما نمی‌خواهید برنامه‌تان تا زمانی که پاسخ می‌رسد، مسدود شود. استفاده از وعده‌ها به کد شما اجازه می‌دهد بدون انتظار اجرا شود، که عملکرد کلی برنامه شما را بهبود می‌بخشد.

علاوه بر این، وعده ها در موارد دیگر نیز قابل اجرا هستند، مانند:

دستکاری فایل: می توانید قبل از اجرای کار دیگری صبر کنید تا فایلی آپلود یا پردازش شود.
تغییرات در DOM: اگر لازم است قبل از ادامه عملیات دیگر اطمینان حاصل کنید که برخی از تغییرات رابط کامل شده است.

Promises همچنین به شما این امکان را می دهد که چندین عملیات ناهمزمان را به روشی خوانا و قابل نگهداری تر زنجیره بزنید.

نحوه استفاده از Promises در جاوا اسکریپت

برای ایجاد یک وعده، از سازنده استفاده می کنید Promise، ارسال یک تابع با دو آرگومان: resolve y reject.

let miPromesa = new Promise((resolve, reject) => {
// Simulación de una operación asíncrona
let exito = true;

if (exito) {
resolve(“Operación exitosa!”);
} else {
reject(“Ocurrió un error.”);
}
});

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

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

برای رسیدگی به نتیجه یک وعده، از روش ها استفاده می شود .then() y .catch():

miPromesa
.then((mensaje) => {
console.log(mensaje); // “Operación exitosa!”
})
.catch((error) => {
console.error(error); // “Ocurrió un error.”
});`

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

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

مزایای Promises نسبت به Callbacks

قبل از معرفی وعده‌ها، مدیریت عملیات ناهمزمان عمدتاً با callback انجام می‌شد. با این حال، این می‌تواند منجر به کدهایی شود که پیگیری و نگهداری آن دشوار است، به‌ویژه زمانی که تماس‌های چندگانه تو در تو قرار دارند، که به عنوان «جهنم پاسخ به تماس» شناخته می‌شود.

مزایای وعده:

خوانایی: خواندن و دنبال کردن کد آسان تر است.
تعمیر و نگهداری: شناسایی و رسیدگی به خطاها را آسان تر می کند.
زنجیر زدن: می‌توانید چندین عملیات ناهمزمان را به روشی سازمان‌یافته‌تر زنجیره‌ای کنید.

Promesas vs Async/Await

اگرچه وعده‌ها در مقایسه با تماس‌های برگشتی پیشرفت چشمگیری داشته است، اما معرفی async/await ECMAScript 2017 سینتکس را برای مدیریت عملیات ناهمزمان ساده تر کرده است.

async function obtenerDatos() {
try {
let response = await fetch(‘https://jsonplaceholder.typicode.com/posts/1’);
let data = await response.json();
console.log(data);
} catch (error) {
console.error(‘Error:’, error);
}
}

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

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

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

نتیجه گیری

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

فرقی نمی کند که یک برنامه وب ساده می سازید یا یک سیستم پیچیده تر، یادگیری نحوه رسیدگی به وعده ها برای بهینه سازی عملکرد کد شما ضروری است.

let miPromesa = new Promise((resolve, reject) => {
    // Simulación de una operación asíncrona
    let exito = true;

    if (exito) {
        resolve("Operación exitosa!");
    } else {
        reject("Ocurrió un error.");
    }
});

miPromesa
    .then((mensaje) => {
        console.log(mensaje); // "Operación exitosa!"
    })
    .catch((error) => {
        console.error(error); // "Ocurrió un error."
    });`

async function obtenerDatos() {
    try {
        let response = await fetch('https://jsonplaceholder.typicode.com/posts/1');
        let data = await response.json();
        console.log(data);
    } catch (error) {
        console.error('Error:', error);
    }
}