متغیرها
تا اینجا کامنت را دیدید: یادداشت برای انسان است، نه انبار برای برنامه. حالا نوبت متغیر است — جعبه‌ای با نام که مقدار را نگه می‌دارد تا همان عدد یا متن را بارها از نو ننویسید.
متغیر در JavaScript چیست و چطور اعلان می‌شود؟
متغیر نامی است که یک مقدار را نگه می‌دارد. با let یا const نام را می‌سازید (اعلان)، بعد با = مقدار می‌گذارید. از آن به بعد به‌جای تکرار خودِ مقدار، همان نام را صدا می‌زنید. اگر بعداً ممکن است عوض شود از let استفاده کنید؛ اگر بعد از اولین مقداردهی باید همان بماند، const. در مثال‌های قدیمی گاهی var می‌بینید؛ برای کار تازه‌کار این کورس let و const کافی و بهتر است.
کدام کلیدواژه را بردارید؟
📊 انتخاب let، const یا var برای مبتدی
| کلیدواژه | مثال | توصیه برای تازه‌کار |
|---|---|---|
let |
let score = 10; |
نام را بسازید؛ بعداً می‌توانید مقدار تازه بدهید |
const |
const city = "Oslo"; |
نام را بسازید؛ بعد از اولین مقدار دوباره عوضش نکنید |
var |
var old = 1; |
سبک قدیمی؛ کار می‌کند، ولی در این کورس سراغ let / const بروید |
علامت = |
score = 15; |
مقدار را داخل نامی که قبلاً با let ساخته‌اید می‌گذارد |
| خواندن نام | console.log(score); |
همان مقدار ذخیره‌شده را می‌آورد — نام جای داده می‌نشیند |
با let بسازید و مقدار را ببینید
let نام را می‌سازد. اولین = مقدار را داخلش می‌گذارد. بعد با console.log همان را در کنسول می‌بینید.
let greeting = "Hello";
console.log(greeting);
با const بسازید
const هم مقدار نگه می‌دارد؛ فقط همان اولین مقداردهی را برای این نام نهایی حساب کنید.
const course = "JavaScript";
console.log(course);
مقدار let را عوض کنید
با let می‌توانید دوباره = بزنید. نام عوض نمی‌شود؛ فقط چیزی که داخل جعبه است عوض می‌شود.
let score = 10;
score = 15;
console.log(score);
کنسول 15 را نشان می‌دهد؛ مقدار بعدی جای 10 را گرفته است.
اول نام، بعد مقدار
گاهی فقط let status; می‌نویسید و در خط بعد مقدار می‌دهید. تا وقتی چیزی داخلش نگذاشته‌اید، طوری از آن استفاده نکنید که انگار از قبل مقدار مفیدی داشته.
let status;
status = "Ready";
console.log(status);
دو نام داخل یک عبارت
نام‌ها را می‌توانید داخل عبارت هم بنویسید. موتور مقدار هر کدام را می‌خواند و بعد نتیجه را حساب می‌کند.
let a = 2;
let b = 3;
console.log(a + b);
مقدار متغیر را روی صفحه نشان دهید
متن را در متغیر نگه دارید، بعد همان نام را به textContent بدهید. فقط رشتهٔ داخل متغیر را عوض کنید و صفحه را تازه کنید؛ سرتیتر عوض می‌شود.
<!DOCTYPE html>
<html>
<head>
<title>Variables — Page value</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
let message = "Variables hold values";
document.getElementById("msg").textContent = message;
</script>
</body>
</html>
سرتیتر همان چیزی را نشان می‌دهد که داخل message است. متغیر همان جعبهٔ قابل‌استفادهٔ دوباره است؛ خط DOM فقط خروجی را روی صفحه می‌گذارد — همان مهارتی که قبلاً تمرین کردید.
خودتان تمرین کنید
- یک
letبا نام خودتان به‌صورت رشته بسازید، لاگ بگیرید، بعد رشتهٔ دیگری بدهید و دوباره لاگ کنید. - یک
constبرای نام شهر بسازید و لاگ کنید. دوباره مقدار ندهید؛ اگر امتحان کردید خطا می‌بینید — آن خط را پاک کنید. let total;را بنویسید، در خط بعدtotal = 5;بدهید وtotalرا لاگ کنید.- دو عدد با
letبسازید و جمعشان را با+لاگ کنید. - در نمونهٔ HTML فقط رشتهٔ داخل
messageرا عوض کنید، صفحه را تازه کنید و سرتیتر را چک کنید.
اشتباه‌های رایج
- قبل از اعلان (یا قبل از هر مقدار مفید) از نام استفاده کردن
- نوشتن
const score = 1;و بعدscore = 2;—constاین کار را قبول نمی‌کند - فقط داخل کامنت عدد نوشتن و انتظار داشتن که برنامه آن را «یادش بماند» — کامنت انبار نیست
- فکر کردن که هر مثال باید با
varباشد — این کورسletوconstرا ترجیح می‌دهد - نام غیرمجاز یا گیج‌کننده (فاصله، شروع با رقم) — قوانین شناسه را در جلسهٔ نحو مرور کنید
خلاصه
- متغیر جعبه‌ای با نام است برای نگه داشتن مقداری که دوباره استفاده می‌کنید
- با
letیاconstاعلان کنید و با=مقدار بدهید - با
letمی‌توانید دوباره مقدار بدهید؛constرا بعد از اولین مقدار ثابت بگذارید - برای کد تازه‌کار،
letوconstرا بهvarقدیمی ترجیح دهید - مرحلهٔ بعد انواع داده است: ببینید متغیر چه جور مقدارهایی می‌تواند بگیرد
🧠 دانش خود را بیازمایید
دانش خود را بیازمایید
خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کرده‌اید
📝 دستورالعمل‌ها
- هر سوال را با دقت بخوانید
- بهترین پاسخ را برای هر سوال انتخاب کنید
- می‌توانید آزمون را هر چند بار که می‌خواهید تکرار کنید
- پیشرفت شما در بالا نمایش داده می‌شود