آموزش ایجاد متغیر در جاوا اسکریپت

برای ایجاد متغیر ها در جاوا اسکریپت، چهار راه وجود دارد:

1. استفاده از کلمه کلیدی var

2. استفاده از کلمه کلیدی let

3. استفاده از کلمه کلیدی const

4. بدون استفاده از هیچ کلمه کلیدی

متغیرها چه هستند؟

متغیرها ظرفی برای ذخیره ی داده ها هستند(یعنی می توانیم مقادیر داده ها را در آنها قرار دهیم). در مثال زیر، x و y و z متغیر هستند و با کلمه کلیدی var تعریف شده اند:

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

 در مثال زیر، x و y و z هر سه متغیر هستند و با کلمه کلیدی let تعریف شده اند:

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

در مثال زیر، x و y و z متغیرهای تعریف نشده ای هستند:

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

 با استفاده از تمام مثال های بالا، می توانیم حدس بزنیم که:

1. متغیر x مقدار 5 را در خود جای داده است.
2. متغیر y مقدار 6 را در خود جای داده است.
3. متغیر z مقدار 11 را در خود جای داده است.

چه زمانی باید از کلمه کلیدی var استفاده کنیم؟

سعی کنید همواره متغیرهای جاوا اسکریپت را با کلمات var یا let یا const تعریف کنید. از کلمه کلیدی var از سال 1995 تا 2015 در تمام کدهای جاوا اسکریپت استفاده می شده است. کلمات کلیدی let و const در سال 2015 به جاوا اسکریپت اضافه شده اند. اگر می خواهید کدهای شما در مروگرهای قدیمی تر اجرا شوند، باید از کلمه کلیدی var استفاده کنید.

چه زمانی باید از کلمه کلیدی const استفاده کنیم؟

اگر می خواهید از یک قانون کلی و ثابت استفاده کنید، همواره متغیرهای خود را با استفاده از کلمه کلیدی const تعریف کنید. اگر فکر می کنید که مقدار متغیر شما تغییر می کند، می توانید از کلمه کلیدی let استفاده کنید. در مثال زیر، price1 و price2 و total، متغیر هستند:

const price1 = 5;
const price2 = 6;
let total = price1 + price2;

متغیرهای price1 و price2 با کلمه کلیدی const تعریف شده اند. مقدار این متغیرها ثابت است و نمی تواند تغییر کند. متغیر total با استفاده از کلمه کلیدی let تعریف شده است. و مقدار آن می تواند تغییر کند.

تشابه متغیرها و جبر در ریاضی

درست مانند جبر ریاضی، متغیرها می توانند مقادیری را در خود نگهداری کنند:

let x = 5;
let y = 6;

مانند آنچه در ریاضیات خوانده ایم، می توانیم از متغیرها در عبارت ها استفاده کنیم:

let z = x + y;

در مثال امتحان کنید بالا، (با استفاده از جبر) می توانیم حدس بزنیم که مقدار متغیر total برابر با 11 می شود.

نکته: متغیرها ظرف هایی برای ذخیره ی مقادیر هستند.

 بررسی شناسه ها در زبان جاوا اسکریپت

تمام متغیرهای جاوا اسکریپت، باید نام های یکتایی داشته باشند. به این نام های یکتا، شناسه(identifier) گفته می شود. شناسه ها می توانند نام هایی کوتاه مانند x و y داشته باشند یا اینکه می توانند طولانی تر باشند تا توضیحی در مورد مقدار قرار گرفته در خود بدهند؛ مانند age و sum و totalVolume. قواعد کلی برای ایجاد نام برای متغیرها یا همان شناسه های یکتا، به صورت زیر است:

1. نام ها می توانند حاوی حروف، ارقام، آندرلاین و علامت $ (دلار) باشند.

2. نام ها باید با یک حرف آغاز شوند.

3. نام ها می توانند با یک علامت $ یا آندرلاین(_) شروع شوند(اما ما در این آموزش از آنها استفاده نمی کنیم).

4. نام ها به حروف بزرگ و کوچک حساس هستند(یعنی مثلاً y و Y متغیرهای متفاوتی هستند).

5. از کلمات رزرو شده(مانند کلمات کلیدی جاوا اسکریپت) نمی توانیم بعنوان نام ها استفاده کنیم.

نکته: شناسه های جاوا اسکریپت به حروف کوچک و بزرگ حساس هستند.

استفاده از عملگر انتساب در جاوا اسکریپت

در جاوا اسکریپت، به علامت مساوی(=)، عملگر انتساب گفته می شود؛ نه عملگر برابری. این عملگر با عملگر مساوی در جبر متفاوت است. مثلاً عبارت زیر در جبر معنی ندارد:

x = x + 5

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

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

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

متغیرهای جاوا اسکریپت می توانند اعدادی مانند 100 و متن هایی مثل "Ehsan Abbasi" را در خود ذخیره کنند. در برنامه نویسی، به مقادیر متنی، رشته(string) گفته می شود. جاوا اسکریپت می تواند انواع داده های مختلفی را به کار ببرد، اما فعلاً فقط به اعداد و رشته ها می پردازیم. رشته ها را می توانیم در داخل دابل کوتیشن ها یا تک کوتیشن ها قرار دهیم. اما اعداد، بیرون از علامت های نقل قول(کوتیشن) نوشته می شوند. اگر یک عدد را در داخل کوتیشن ها قرار دهیم، به صورت یک رشته تلقی خواهد شد.

onst pi = 3.14;
let person = "Ehsan Abbasi";
let answer = 'Yes I am!';

تعریف یک متغیر جاوا اسکریپت

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

var carName;
یا
let carName;

پس از اینکه متغیر تعریف شد، هیچ مقداری در آن قرار ندارد( از نظر فنی، تعریف نشده یا undefined است). برای انتساب دادن یک مقدار در داخل یک متغیر، از علامت مساوی استفاده کنید:

carName = "Volvo";

ما می توانیم هنگامی که متغیر را تعریف می کنیم، همزمان مقداری را نیز به آن انتساب دهیم:

let carName = "Volvo";

در مثال زیر، ما یک متغیر به نام carName ایجاد کرده ایم و مقدار "Volvo" را به آن انتساب داده ایم. سپس مقدار متغیر را بعنوان خروجی(output) در داخل یک پاراگراف HTML با "id="demo قرار می دهیم:

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

<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script> 

نکته: این یک تمرین خوب در برنامه نویسی است که تمام متغیرها را در ابتدای اسکریپت قرار دهیم.

تعریف تعداد زیادی متغیر در یک دستور

ما می توانیم در یک دستور، تعداد زیادی متغیر تعریف کنیم. برای این کار، دستور مورد نظر را با کلمه کلیدی let آغاز کنید و متغیرها را با استفاده از کاما از یکدیگر جدا کنید:

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

می توانیم هر متغیر و مقدار را در یک خط قرار دهیم، به صورت زیر:

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

بررسی مقدار undefined در جاوا اسکریپت

در برنامه های کامپیوتری، اغلب متغیرها بدون یک مقدار(value) تعریف می شوند. این مقدار می تواند مورد محاسبه قرار گیرد یا بعداً ارائه داده شود، مانند یک ورودی که توسط کاربر ارائه می شود. یک متغیر که بدون یک مقدار تعریف شود، حاوی مقدار undefined (تعریف نشده) خواهد بود. در مثال زیر، متغیر carName پس از اینکه این دستور اجرا شد، حاوی مقدار undefined خواهد بود:

 <script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script> 

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

اگر ما یک متغیر داشته باشیم که با استفاده از کلمه کلیدی var بازتعریف شده باشد، مقدار خود را از دست نخواهد داد. بعنوان مثال، متغیر carName پس از اینکه این دستورات اجرا شدند، هنوز حاوی مقدار "Volvo" است:

var carName = "Volvo";
var carName;

نکته: ما نمی توانیم یک متغیر(یا ثابت) که به وسیله کلمه کلیدی let یا const تعریف شده باشد را بازتعریف کنیم. بعنوان مثال، کد زیر کار نخواهد کرد:

let carName = "Volvo";
let carName;

انجام محاسبات در جاوا اسکریپت

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

let x = 5 + 2 + 3;

ما همچنین می توانیم رشته ها را اضافه کنیم، اما رشته ها به هم پیوند می خورند:

let x = "John" + " " + "Doe"; 

 همچنین به مثال زیر توجه کنید:

let x = "5" + 2 + 3;

نکته: اگر یک عدد را در داخل علامت کوتیشن(نقل قول) قرار دهیم، بقیه ی عددها نیز به صورت رشته تلقی می شوند و به یکدیگر می پیوندند(و به صورت ریاضی با یکدیگر جمع نمی شوند).

اکنون به مثال زیر توجه کنید:

let x = 2 + 3 + "5";

 استفاده از علامت دلار($) در جاوا اسکریپت

چونکه جاوا اسکریپت علامت دلار را به صورت یک حرف(letter) در نظر می گیرد، شناسه هایی که حاوی علامت $ هستند، نام های متغیر معتبری به حساب می آیند:

let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;

استفاده از علامت دلار، خیلی در جاوا اسکریپت متداول نیست، اما برنامه نویسان حرفه ای اغلب از آن در یک کتابخانه جاوا اسکریپت، بعنوان یک نام مستعار برای تابع اصلی(main function) استفاده می کنند. برای نمونه، در کتابخانه جاوا اسکریپتِ جی کوئری، از تابع اصلی $ برای انتخاب(گزینش) عناصر HTML استفاده می شود. در جی کوئری، دستور $("p"); یعنی: تمام عناصر p را انتخاب(گزینش) کن.

استفاده از علامت آندرلاین(_) در جاوا اسکریپت

چون که جاوا اسکریپت، علامت آندرلاین(_) را به صورت یک حرف تلقی می کند، شناسه هایی که حاوی آندرلاین هستند، نام های معتبری برای متغیرها محسوب می شوند:

let _lastName = "Johnson";
let _x = 2;
let _100 = 5;

استفاده از علامت آندرلاین، خیلی در جاوا اسکریپت متداول نیست، اما یک قرارداد بین برنامه نویسان حرفه ای این است که از آن بعنوان یک مستعار برای متغیرهای محلی(مخفی) استفاده می کنند.