ثبت‌نام دوره🔸متخصص اتوماسیون با N8N🔸سون‌لرن شروع شد 🔥🤖 مشاهده دوره ←
۰ ثانیه
۰ دقیقه
۰ ساعت
۰ امیر حق شناس
خلاصه مطالب جلسه ششم - case statement در pug
جامعه Html & CSS ایجاد شده در ۲۷ آبان ۱۴۰۴

🔁 ساختار کلی case در Pug

 

case variable
    when "value1"
        // کد برای value1
    when "value2"
        // کد برای value2
    default
        // کد پیش‌فرض

📌 مثال:

 

- const order = "default"
case order
    when "loggedIn"
        a(href="#") پنل کاربری 
    when "notLoggedIn"
        form(action="")
            input(type="text" name="text" placeholder="نام کاربری...")
            input(type="password" name="pass" placeholder="کلمه عب...")
            input(type="submit" name="submit" value="ورود...")
    when "afterLoggedIn"
        p خوش آمدید!
    default
        p نامشخص!!!

🔍 نکات مهم در این مثال

  • برای تعریف متغیر باید از خط تیره استفاده کنیم:

     

    - const order = "default"
    
  • دستور case مشابه switch در JavaScript عمل می‌کند.
  • مقدار متغیر order تعیین می‌کند کدام بخش نمایش داده شود.
  • اگر هیچ‌کدام از شرایط when صدق نکنند، بخش default اجرا می‌شود.
  • در هر when می‌توانیم ساختارهای HTML، فرم، یا متن قرار دهیم.

📒 نکات کلیدی جلسه


✔️ برای هر حالت از when استفاده می‌کنیم.
✔️ بلوک default = حالت پیش‌فرض در صورت نبود تطابق.


🧠 یادآوری

  • case زمانی مفید است که شرایط چندحالته داریم (مثلاً وضعیت کاربر).
  • اگر تعداد شرط‌ها زیاد باشد، استفاده از case خوانایی بیشتری نسبت به چند if دارد.