فصل ۱۷: بهترین تمرین‌ها (Best Practices) در برنامه‌نویسی جاوااسکریپت

اموزش رایگان جاوا اسکریپت از مقدماتی تا متوسط

مقدمه

موفقیت یک برنامه‌نویس فقط به نوشتن “کدی که کار کند” نیست؛ باید کدی بنویسی که:

  • ساده و خوانا باشد
  • دیگران (و خودت در آینده!) بتوانند بفهمندش
  • خطای کمتر بدهد و ایمن‌تر باشد

در این فصل بهترین عادت‌های دنیای جاوااسکریپت را یاد می‌گیری.


۱. نام‌گذاری متغیرها

دقت کن! اسم متغیر باید معنی‌دار و انگلیسی باشد.

❌ بد:

let x = 10;
let y = 20;

✅ خوب:

let age = 25;
let userName = "Ali";
let productPrice = 80000;

قانون: از camelCase برای اسم متغیرها و توابع استفاده کن (مثل userEmail, totalPrice).


۲. ساختار کد (خوانایی و نظم)

  • هر بخش را با فاصله و انداختن خط جدید مرتب کن.
  • تو رفتگی (indentation) رعایت کن:
if (age > 18) {
  console.log("Adult");
}
  • کامنت‌ بنویس تا کمک کند دیگران (و خودت) بفهمی کد چه می‌کند:
// محاسبه سن کاربر

۳. کپی نکردن کد تکراری

وقتی یک کار را چندبار انجام می‌دهی، بجای تکرار، تابع بساز:

function greet(name) {
  console.log("Hello " + name);
}
greet("Sara");
greet("Ali");

۴. امنیت ساده

  • اطلاعات مهم (مثل رمزها) را هیچ وقت مستقیم در کد ننویس.
  • ورودی کاربر را چک کن (مثلاً در فرم‌ها حتماً مقدار ورودی اعتبارسنجی شود).

۵. جلوگیری از اشتباهات رایج

  • همیشه از let یا const استفاده کن (نه var)
  • سعی کن از == استفاده نکنی و بجایش === بگذاری:
if (a === b) { // هم مقدار و هم نوع باید برابر باشد!
}

۶. استفاده از توابع کوچک و هدف‌دار

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


۷. استفاده از ابزارهای lint و فرمت‌کننده

ابزارهایی مثل ESLint یا Prettier، بهت کمک می‌کنند خطاهای سبک برنامه‌نویسی را پیدا و کد را مرتب کنی.

  • برای تمرین ساده می‌توانی از سایت beautifier.io استفاده کنی.

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

قبل از استفاده از اطلاعات دریافتی، وجودش را چک کن تا خطا نخوری.

if (user && user.email) {
  console.log(user.email);
}

جمع‌بندی

  • عادت‌های خوب کدنویسی، باعث می‌شود کار با پروژه‌ها راحت‌تر شود، کمتر خطا بگیری و پیشرفت خوبی داشته باشی.

تمرین کوتاه

کد زیر را بهتر و خواناتر بنویس:

let t=20;
if(t>18){console.log("adult")}

پیشنهاد بهتر:

let age = 20;

if (age > 18) {
  console.log("Adult");
}

محمد وب‌سایت

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *