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

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


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

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

var x = 5;
var y = 6;
var z = x + y;

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

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


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

In this example, price1, price2, and total, are variables:

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

Example
var price1 = 5;
var price2 = 6;
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 در نظر خواهد گرفت.

Example
var pi = 3.14;
var person = "John Doe";
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: عمل مقداردهی می‌تواند در چندین خط متفاوت انجام گیرد:

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

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

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

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

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

var carName;

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

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

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

var carName = "Volvo";
var carName;

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

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

Example
var x = 5 + 2 + 3;

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

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

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

مثال

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

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

Example

var x = 2 + 3 + "5";

منابع آموزشی