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

از ویکی کد
پرش به ناوبری پرش به جستجو
دورهٔ آموزشی جاوااسکریپت
Javascript.jpg
Tutorial
۱آموزش جاوااسکریپت
۲مقدمه‌ای بر جاوااسکریپت
۳JavaScript:قوانین و اصول اولیه زبان جاوااسکریپت
۴JavaScript:خروجی جاوااسکریپت
۵JavaScript:عبارت‌ها در جاوااسکریپت
۶JavaScript:شیوهٔ نوشتن (Syntax) عبارات یا دستورات در جاوااسکریپت
۷JavaScript:نظرات یا کامنت‌ها (Comments) در جاوااسکریپت
۸JavaScript:متغیرها در جاوااسکریپت
۹JavaScript:عملگرهای جاوااسکریپت
۱۰JavaScript:عملگرهای ریاضی در جاوااسکریپت
۱۱JavaScript:عملگرهای مقداردهی در جاوااسکریپت
۱۲JavaScript:انواع داده‌ها در جاوااسکریپت
۱۳JavaScript:توابع در جاوااسکریپت
۱۴JavaScript:اشیاء (object) در جاوااسکریپت
۱۵JavaScript:رویدادها در جاوااسکریپت
۱۶JavaScript:رشته‌های متنی (string) در جاوااسکریپت
۱۷JavaScript:متدهای نوع داده متنی یا رشته‌ای در جاوااسکریپت
۱۸JavaScript:اعداد در جاوااسکریپت
۱۹JavaScript:متدهای داده‌های عددی در جاوااسکریپت
۲۰JavaScript:آرایه‌ها در جاوااسکریپت
۲۱JavaScript:متدهای آرایه در جاوااسکریپت
۲۲JavaScript:مرتب‌سازی آرایه‌ها در جاوااسکریپت
۲۳JavaScript:متدهای پیمایش آرایه در جاوااسکریپت
۲۴JavaScript:اشیاء تاریخ و زمان در جاوااسکریپت
۲۵JavaScript:فرمت‌های تاریخ و زمان در جاوااسکریپت
۲۶JavaScript:متدهای دریافت تاریخ و زمان در جاوااسکریپت
۲۷JavaScript:متدهای تنظیم زمان و تاریخ در جاوااسکریپت
۲۸JavaScript:شی ریاضی (Math) در جاوااسکریپت
۲۹JavaScript:ایجاد عدد تصادفی در جاوااسکریپت
۳۰JavaScript:مقادیر بولین (Booleans) در جاوااسکریپت
۳۱JavaScript:عملگرهای منطقی و مقایسه‌ای در جاوااسکریپت
۳۲JavaScript:ساختار if else و else if در جاوااسکریپت
۳۳JavaScript:تکه کد Switch در جاوا اسکریپت
۳۴JavaScript:حلقه For در جاوااسکریپت
۳۵JavaScript:حلقه While در جاوااسکریپت
۳۶JavaScript:کلمات کلیدی Break و Continue در جاوااسکریپت
۳۷JavaScript:تبدیل نوع داده‌ها در جاوااسکریپت
۳۸JavaScript:عملیات‌های بیتی در جاوااسکریپت
۳۹JavaScript:عبارات با قاعده در جاوااسکریپت
۴۰JavaScript:خطاها در جاوااسکریپت - رخ دادن خطا و رفع آن
۴۱JavaScript:Scope در جاوااسکریپت
۴۲JavaScript:Hoisting یا جا به جایی کدها در جاوااسکریپت
۴۳JavaScript:استفاده از مد یا حالت سخت‌گیرانه (use strict) در جاوااسکریپت
۴۴JavaScript:کلمه کلیدی This در جاوااسکریپت
۴۵JavaScript:کلمه کلیدی Let در جاوااسکریپت
۴۶JavaScript:ثابت‌ها در جاوااسکریپت
۴۷JavaScript:تعریف توابع به صورت پیکان
۴۸JavaScript:کلاس‌ها در جاوااسکریپت
۴۹JavaScript:اشکال‌زدایی در جاوااسکریپت
۵۰JavaScript:راهنمای استایل و استانداردهای کدنویسی در جاوااسکریپت
۵۱JavaScript:بهترین تمرینات جاوااسکریپت
۵۲JavaScript:اشتباهات رایج در برنامه‌نویسی جاوااسکریپت
۵۳JavaScript:کارایی در جاوااسکریپت
۵۴JavaScript:کلمات رزرو شده در جاوااسکریپت
۵۵JavaScript:ورژن‌های جاوااسکریپت
۵۶JavaScript:ECMAScript 5 - JavaScript 5
۵۷JavaScript:ECMAScript 6 - ECMAScript 2015
۵۸JavaScript:جیسون (JSON) در جاوااسکریپت
---

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

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

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

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

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


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

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

1 Example
2 var price1 = 5;
3 var price2 = 6;
4 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 Example
2 var pi = 3.14;
3 var person = "John Doe";
4 var answer = 'Yes I am!';

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

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

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

var carName;

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

To assign a value to the variable, use the equal sign:

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

carName = "Volvo";

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

var carName = "Volvo";

In the example below, we create a variable called carName and assign the value "Volvo" to it.

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

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

Example
<p id="demo"></p>

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

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

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

Start the statement with var and separate the variables by comma:

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

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

A declaration can span multiple lines: عمل مقداردهی می‌تواند در چندین خط متفاوت انجام گیرد:

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;

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

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

1 Example
2 var x = 5 + 2 + 3;

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

1 Example
2 var x = "John" + " " + "Doe";

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

مثال

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

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

Example

var x = 2 + 3 + "5";

منابع آموزشی