بستارها (Closures)

در این بخش به بررسی بستارها (Closures) می‌پردازیم.

در اینجا یک فایل Markdown کامل و جامع به زبان فارسی آماده کردم که تمامی المان‌های ممکن (از هدینگ‌ها گرفته تا جداول، نقل قول‌ها، لیست‌های تو در تو، کدهای inline و block، و جزئیات) را شامل می‌شود. می‌توانید این متن را در فایلی با پسوند .md ذخیره کرده و با استایل CSS که ارائه دادید تست کنید.

# عنوان اصلی سطح ۱ (H1) - تست کامل استایل Markdown

این یک پاراگراف مقدماتی است که نشان می‌دهد متن ساده چگونه نمایش داده می‌شود. در این متن از **متن بولد (ضخیم)** و *متن ایتالیک (کج)* و ***متن ضخیم و کج*** استفاده شده است. همچنین می‌توان از `کدهای درون خطی (Inline Code)` مثل `let x = 10;` یا `npm install package` در میان جمله استفاده کرد. لینک‌ها هم به این شکل هستند: [لینک به وب‌سایت گوگل](https://www.google.com).

همچنین متن ~~خط خورده~~ نیز پشتیبانی می‌شود.

---

## عنوان سطح ۲ (H2) - لیست‌ها و وظایف

در این بخش انواع لیست‌ها را بررسی می‌کنیم.

### لیست نامرتب (Unordered List)
- **آیتم اول**: شامل توضیحات اولیه
- **آیتم دوم**: شامل یک زیرلیست
  - زیرآیتم الف
  - زیرآیتم ب که خودش زیرلیست دارد:
    1. آیتم شمارشی یک
    2. آیتم شمارشی دو
- **آیتم سوم**: ترکیبی از متن و `کد`

### لیست وظایف (Task List)
- [x] **وظیفه انجام شده**: نوشتن مستندات
- [ ] **وظیفه در حال انجام**: تست استایل جداول
- [ ] **وظیفه آتی**: بهینه‌سازی رنگ‌ها

---

### عنوان سطح ۳ (H3) - نقل قول‌ها و نکات

در اینجا از **Blockquote** برای نمایش نقل قول یا نکات استفاده می‌کنیم:

> **نکته مهم:** این یک نقل قول ساده است که می‌تواند چند خط باشد. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است.
> 
> این خط دوم نقل قول است.
> > و این یک نقل قول تو در تو (Nested Blockquote) می‌باشد.

> [!NOTE]
> این یک بلوک **نکته (Note)** سفارشی است که در برخی ویرایشگرها مثل Obsidian یا GitHub با افزونه قابل مشاهده است.

---

### عنوان سطح ۴ (H4) - نمایش جداول داده

جدول زیر مقایسه‌ای بین سه فریم‌ورک معروف جاوااسکریپت است:

| ویژگی | React | Vue.js | Angular |
| :--- | :---: | :---: | ---: |
| **نوع** | کتابخانه | فریم‌ورک | فریم‌ورک کامل |
| **یادگیری** | متوسط | آسان | سخت |
| **حجم Bundle** | کم | خیلی کم | زیاد |
| **استفاده از TypeScript** | اختیاری | پشتیبانی خوب | اجباری/پیش‌فرض |

---

## عنوان سطح ۲ دیگر - نمایش کدها (Code Blocks)

در این بخش کدهای چند خطی را تست می‌کنیم. یک تابع ساده در **جاوااسکریپت**:

```javascript
/**
 * تابعی برای محاسبه جمع دو عدد
 * @param {number} a - عدد اول
 * @param {number} b - عدد دوم
 * @returns {number} مجموع دو عدد
 */
function sum(a, b) {
    // این یک کامنت است
    const result = a + b;
    console.log(`نتیجه جمع ${a} و ${b} برابر است با: ${result}`);
    return result;
}

// فراخوانی تابع
sum(5, 7);

یک قطعه کد پایتون:

import requests

def fetch_data(url):
    """دریافت اطلاعات از یک API"""
    try:
        response = requests.get(url, timeout=5)
        response.raise_for_status()
        return response.json()
    except requests.exceptions.RequestException as e:
        print(f"خطا در ارتباط: {e}")
        return None

# نمونه استفاده
api_url = "https://api.github.com/users/octocat"
data = fetch_data(api_url)

و یک قطعه کد CSS که از استایل صفحه فعلی است:

#content a:hover {
    color: var(--primary-dark);
    border-bottom: 1px solid var(--primary-dark);
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

عنوان سطح ۵ (H5) - تصاویر و خط افقی

در زیر یک تصویر نمونه (لوگوی Markdown) برای تست نمایش تصاویر قرار داده شده است:

توضیح تصویر (Caption): یک تصویر کوچک از نشان مارک‌داون.

پس از تصویر یک خط افقی (Horizontal Rule) خواهیم داشت:

عنوان سطح ۶ (H6) - جزئیات بیشتر (Details/Summary)

این بخش برای مخفی کردن محتوای طولانی در وب‌سایت‌ها استفاده می‌شود.

<div>و یا یک بلاک کد HTML</div>

تست فرمول‌های ریاضی (Math) - در صورت پشتیبانی

اگر کتابخانه‌ای مثل KaTeX یا MathJax فعال باشد، فرمول زیر باید به صورت ریاضی نمایش داده شود:

$$ \int_{a}^{b} f(x) \, dx = F(b) - F(a) $$

و یا فرمول درون خطی مثل $E = mc^2$.

پانوشت‌ها (Footnotes)

این یک جمله دارای پانوشت است[^1]. و یک پانوشت دیگر[^2].

[^1]: این توضیح پانوشت اول است که می‌تواند طولانی باشد. [^2]: این هم پانوشت دوم با لینک Markdown Guide.

نتیجه‌گیری

این فایل تمامی تگ‌های استاندارد HTML تولید شده از Markdown شامل h1 تا h6، p، strong، em، del، a، ul/ol، table، blockquote، pre/code، img، hr و details را پوشش می‌دهد.

پایدار باشید.