کوکی‌ها فایل‌های کوچکی هستند که در مرورگر ذخیره می‌شوند و برای ذخیره‌سازی داده‌های کاربر (مانند تنظیمات یا وضعیت ورود) استفاده می‌شوند.

در جاوااسکریپت می‌توانیم با استفاده از document.cookie کوکی‌ها را ایجاد، خواندن و حذف کنیم.

🔹 1. ایجاد Cookie

document.cookie = "username=Ali";

📌 این کوکی به صورت پیش‌فرض در پایان جلسه مرورگر (Session) حذف می‌شود.

🟢 کوکی با تاریخ انقضا

document.cookie = "username=Ali; expires=Fri, 31 Dec 2025 23:59:59 GMT";

🟢 کوکی با مسیر مشخص

document.cookie = "username=Ali; path=/";

📌 path=/ یعنی کوکی در کل سایت قابل دسترسی است.

🔹 2. خواندن Cookie

console.log(document.cookie);
// خروجی: "username=Ali; theme=dark; lang=fa"

📌 کوکی‌ها به صورت یک رشته ذخیره می‌شوند و باید آن‌ها را با split("; ") جدا کنیم.

🔹 3. به‌روزرسانی Cookie

• با همان نام قبلی و مقدار جدید دوباره کوکی را تنظیم کنید:

document.cookie = "username=Reza; path=/";

🔹 4. حذف Cookie

• برای حذف کوکی، تاریخ انقضا را به گذشته تنظیم کنید:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";

🔹 5. مثال کاربردی

// ایجاد کوکی
document.cookie = "theme=dark; path=/";

// خواندن همه کوکی‌ها
let cookies = document.cookie.split("; ");
cookies.forEach(c => console.log(c));

🔹 6. نکات امنیتی

• کوکی‌ها در سمت کاربر ذخیره می‌شوند و ممکن است تغییر داده شوند.

• برای اطلاعات حساس بهتر است از LocalStorage / SessionStorage یا JWT Tokens استفاده شود.

• برای امنیت بیشتر می‌توان از HttpOnly, Secure, و SameSite در سمت سرور استفاده کرد.

✅ خلاصه

• document.cookie → برای ایجاد، خواندن، و حذف کوکی‌ها

• ویژگی‌های کوکی:

  • expires → تاریخ انقضا

  • path → مسیر قابل دسترسی

• حذف کوکی → تنظیم تاریخ انقضا در گذشته