JavaScript Best Practices

در اینجا فهرستی از بهترین شیوه‌های برنامه‌نویسی جاوااسکریپت آورده شده است تا کد شما خواناتر، قابل نگهداری‌تر و کارآمدتر شود:

۱. خوانایی کد

• استفاده از نام‌های معنادار برای متغیرها: از نام‌هایی استفاده کنید که هدف متغیر را به‌خوبی نشان دهد.

let isUserLoggedIn = true; // معنادار

          let x = true; // غیرمعنادار

• یکنواخت بودن قالب‌بندی: از یک سبک ثابت برای تورفتگی، فاصله‌گذاری و قرار دادن پرانتزها استفاده کنید. ابزارهایی مانند Prettier یا ESLint می‌توانند کمک کنند.
• توضیحات مناسب: توضیح دهید “چرا”، نه “چه چیزی”.

// توضیح خوب

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

if (isUserLoggedIn) {

fetchUserProfile();

}

۲. متغیرها

• استفاده از let و const به جای var: برای متغیرهای تغییرناپذیر از const و برای متغیرهای قابل تغییر از let استفاده کنید.

const MAX_USERS = 100; // مقدار ثابت

let userCount = 10; // متغیر قابل تغییر

اجتناب از متغیرهای سراسری: از closures یا ماژول‌ها برای محدود کردن دامنه استفاده کنید.

۳. توابع

استفاده از توابع پیکانی (arrow functions): سینتکس کوتاه‌تر و عدم وابستگی به this.

const add = (a, b) => a + b;

• اجتناب از کدهای تو در تو: توابع را به بخش‌های کوچکتر تقسیم کنید.
• استفاده از پارامترهای پیش‌فرض: ساده‌سازی فراخوانی توابع.

function greet(name = “مهمان”) {

console.log(`سلام، ${name}`);

}

۴. مدیریت خطاها

• همیشه خطاها را مدیریت کنید: از بلوک‌های try-catch برای کدهای غیرهمگام استفاده کنید.

try {

const data = await fetchData();

} catch (error) {

console.error(“خطا در دریافت داده‌ها:”, error);

}

• اعتبارسنجی ورودی‌ها: از بروز رفتارهای غیرمنتظره و مشکلات امنیتی جلوگیری کنید.

۵. مدیریت اشیا و آرایه‌ها

• استفاده از destructuring: استخراج مقادیر از اشیا و آرایه‌ها به روش بهینه.

const { name, age } = user; // استخراج از شی

const [first, second] = numbers; // استخراج از آرایه

• استفاده از عملگر گسترش (spread): کپی یا ادغام اشیا و آرایه‌ها.

const newArray = […oldArray, newItem];

const newObj = { …oldObj, newKey: newValue };

۶. کد غیرهمگام (Asynchronous Code)

• استفاده از async/await: خواناتر و قابل درک‌تر از .then().

const fetchData = async () => {

                                        try {

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

const data = await response.json();

                         console.log(data);

                          } catch (error) {

                    console.error(error);

                                               }

};

• اجتناب از callback hell: استفاده از promises یا توابع async.

۷. بهینه‌سازی کد

• اجتناب از کد تکراری: الگوهای تکراری را به توابع قابل استفاده مجدد تبدیل کنید.
• بهینه‌سازی عملیات‌های پرهزینه: از debounce یا throttle برای مدیریت رویدادها استفاده کنید.
• استفاده از متدهای بومی (native methods): مانند map، filter و reduce.