متغیرها در جاوا اسکریپت

از ویکی کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
JavaScript-menu.png
موارد آموزشی
فرم‌ها در جاوا اسکریپت
اشیاء در جاوا اسکریپت
تابع در جاوا اسکریپت
HTML DOM در جاوا اسکریپت
Browser BOM در جاوا اسکریپت
AJAX در جاوا اسکریپت
JSON در جاوا اسکریپت
جی‌کوئری در برابر جاوا اسکریپت
مثال‌های جاوا اسکریپت
مرجع جاوا اسکریپت

متغیرها در جاوا اسکریپت محل‌هایی برای ذخیره داده‌ها هستند.[۱]

در مثال y ,x و z متغیر هستند:

1 var x = 5;
2 var y = 6;
3 var z = x + y;


از مثال بالا، شما می‌توانید درک کنید که:

  • متغیر x مقدار ۵ را ذخیره می‌کند
  • متغیر y مقدار ۶ را ذخیره می‌کند
  • متغیر z مقدار ۱۱ را ذخیره می‌کند


بسیار شبیه عبارات جبری

در این مثال،price2 ,price1 و total متغیرهای ما هستند:

1 var price1 = 5;
2 var price2 = 6;
3 var total = price1 + price2;


در برنامه‌نویسی، درست همانند عبارت جبری، ما از متغیرها (همانند متغیر price1) برای نگهداری داده‌ها استفاده می‌کنیم.

در برنامه‌نویسی، همانند عبارت‌های جبری، ما از متغیرها در عبارت‌ها نیز استفاده می‌کنیم (total = price1 + price2).

از مثال بالا، شما می‌توانید مقدار دادهٔ ذخیره شده در متغیر total را محاسبه کنید که برابر با عدد ۱۱ است.

متغیرها در جاوا اسکریپت، نگه دارنده‌هایی برای ذخیره داده‌ها هستند .

معرفی کننده ها یا نام ها در جاوا اسکریپت

تمام متغیرها در زبان جاوا اسکریپت می‌بایست با یک نام منحصر به فرد شناسایی شوند.

این نام‌ها، معرفی‌کننده (به انگلیسی: indentifiers) نامیده می‌شوند.

معرفی‌کننده‌ها می‌توانند نام‌های کوتاهی باشند (همانند x و y) یا می‌توانند نام‌های با مصماتری داشته باشند که شرح بیشتری در مورد داده‌ای که در خود نگه داری می‌کنند ارائه دهند. (age , sum , totalVolume)

قوانینی که برای تعیین نام متغیرها (نام منحصر به فرد) وجود دارد عبارتند از:

  • نام می‌تواند شامل حروف، اعداد، علامت زیر خط _ یا علامت دلار $ باشد
  • نام‌ها می‌بایست حتماً با یک حرف شروع شود
  • نام‌ها همچنین می‌توانند با علامت دلار $ و علامت زیر خط _ شروع شوند. (اما در این آموزش ما از این روش استفاده نمی‌کنیم)
  • نام‌ها حساس به حروف کوچک یا بزرگ (case sensitive) هستند. (y و Y دو متغیر متفاوت در جاوا اسکریپت هستند)
  • کلمات کلیدی (همانند کلمات کلیدی جاوا اسکریپت) نمی‌توانند به عنوان نام متغیر استفاده شوند
نام‌ها در جاوا اسکریپت حساس به حروف کوچک یا بزرگ (به انگلیسی: case-sensitive) هستند.

عملگر مقدار دهی

در جاوا اسکریپت، علامت مساوی (=) عملگر «مقدار دهی» است نه عملگر «مساوی بودن».

این امر در عبارت‌های جبری متفاوت است. مثال بعدی در عبارت‌های جبری معنی ندارد:

x = x + 5

اما در زبان جاوا اسکریپت، عبارت فوق معنی دارد: دستور فوق، حاصل عبارت x + 5 را در متغیر x ذخیره می‌کند.

(ابتدا نتیجه x + 5 محاسبه شده و نتیجه محاسبه در متغیر x ذخیره می‌گردد. به مقداری که متغیر x نگه داری می‌کند ۵ واحد اضافه می‌شود)

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

انواع داده در جاوا اسکریپت

متغیرها در زبان جاوا اسکریپت می‌توانند اعدادی همانند عدد ۱۰۰ و متنی همچون "John Doe" را در خود نگه داری کنند.

در برنامه‌نویسی، مقادیر متنی، رشته (string) نامیده می‌شوند.

جاوا اسکریپت قادر است تا با انواع داده‌های مختلفی کار کند اما در حال حاضر فقط به دو نوع عددی و رشته‌ای یا (string) فکر کنید.

مقادیر رشته‌ای (string)، درون علامت ' یا علامت " نوشته می‌شوند. اما اعداد بدون آن علامت‌ها نوشته می‌شوند.

اگر شما یک عدد درون علامت ' و " قرار دهید، جاوا اسکریپت آن را به عنوان یک رشته متنی یا string در نظر خواهد گرفت.

1 var pi = 3.14;
2 var person = "John Doe";
3 var answer = 'Yes I am!';


تعریف کردن (ساختن) متغیرها در جاوا اسکریپت

ساختن یک متغیر در جاوا اسکریپت «تعریف» یک متغیر نامیده می‌شود.

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

var carName;

بعد از تعریف یک متغیر در جاوا اسکریپت، آن متغیر هیچ مقداری را در خود نگه نمی‌دارد. (به صورت فنی این نوع متغیر مقدار تعریف نشده یا undefined را در خود نگه می‌دارد).

برای مقدار دهی یک مقدار به یک متغیر، از علامت مساوی (=) استفاده کنید:

carName = "Volvo";

شما همچنین می‌توانید زمانی که متغیر خود را تعریف می‌کنید آن را مقداردهی کنید:

var carName = "Volvo";

در مثال بالا، ما یک متغیر به نامcarNameتعریف کردیم و مقدار "Volvo" را در آن ذخیره کردیم.

سپس ما می‌توانیم محتوای این متغیر را به عنوان "خروجی برنامه" درون یک پاراگراف HTML ای با شناسه (demo" (id" قرار دهیم.

1 <p id="demo"></p>
2 <script>
3 var carName = "Volvo";
4 document.getElementById("demo").innerHTML = carName;
5 </script>
خوب است که عادت کنید تمامی متغیرها را در ابتدای اسکریپت خود تعریف کنید.

یک عبارت، چندین متغیر

شما می‌توانید چندین متغیر را در یک عبارت تعریف کنید.

عبارت را با کلمه‌ی var شروع کنید و متغیرها را با استفاده از ویرگول (به انگلیسی: Comma) از یکدیگر جدا کنید:

var person = "John Doe", carName = "Volvo", price = 200;

عمل مقداردهی می‌تواند در چندین خط متفاوت انجام گیرد:

1 var person = "John Doe",
2 carName = "Volvo",
3 price = 200;


مقدار = تعریف نشده

در برنامه‌های کامپیوتری، متغیرها معمولاً بدون هیچ مقداری تعریف می‌شوند. مقدار آن‌ها می‌تواند نتیجه یریک محاسبه یا چیزی باشد که در مراحل بعدی برنامه فراهم می‌شود، همانند داده‌ای که کاربر وارد می‌کند.

یک متغیر تعریف شده بدون مقدار، مقدار undefined را به عنوان مقدار خود نگه داری می‌کند.

متغیر carName پس از اجرای این خط کد، مقدار undefined را به عنوان مقدار خواهد داشت:

var carName;

تعریف دوبارهٔ متغیرهای جاوا اسکریپت

اگر شما یک متغیر تعریف شده را دوباره تعریف کنید، متغیر داده خود را از دست نخواهد داد.

متغیرcarNameپس از اجرای کدهای زیر همچنان مقدار "Volvo" را به عنوان مقدار در خود نگهداری می‌کند.

1 var carName = "Volvo";
2 var carName;


عبارت های ریاضی در جاوا اسکریپت

همانند عبارت‌های جبری، شما می‌توانید عبارت‌های ریاضی را با استفاده از متغیرهای جاوا اسکریپت و استفاده از عملگرهایی مانند = و + محاسبه کنید:

var x = 5 + 2 + 3;

شما همچنین می‌توانید چندین رشته را با یکدیگر جمع کنید اما رشته‌ها با عمل جمع در کنار یکدیگر قرار می‌گیرند:

var x = "John" + " " + "Doe";

همچنین مثال زیر را نیز امتحان کنید:

مثال

var x = "5" + 2 + 3;
اگر شما یک عدد را درون علامت ′ یا ″ قرار دهید، سایر اعداد نیز به عنوان دادهٔ متنی یا رشته‌ای (به انگلیسی: string) در نظر گرفته می‌شود و با آن‌ها در عمل جمع همانند رشته‌ها رفتار خوهد شد:

اکنون این مثال را امتحان کنید:

مثال

var x = 2 + 3 + "5";

تمرینات جاوا اسکریپت

Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


منابع آموزشی