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

در این درس می خواهیم در مورد مفهوم متغیر در برنامه نویسی و شیوه تعریف متغیرها و به کارگیری آنها در جاوا اسکریپت آشنا شویم. در درس انواع داده یاد گرفتیم چگونه مستقیما انواع داده رشته ای، عددی و بولی را در برنامه نویسی به‌کار ببریم، اما در این حالت شما باید داده را از پیش آماده داشته باشید. برای مثال شما می توانید رشته “Hi, Bob”  را با تابع alert نمایش دهید:

alert('Hi, Bob'); 

اما این تکه کد به هرکسی که وارد صفحه می شود پیغام سلام باب را نمایش می‌دهد. حال اگر بخواهیم یک پیغام سفارشی مجزا برای هر بازدید کننده نمایش دهیم، باید نام برای هر کاربر تغییر کند و پیغام مناسب نمایش داده شود مانند “Hi, Mary,” “Hi, reza,’’ “Hi, ali,” و مانند آن. خوشبختانه هر زبان برنامه نویسی ابزاری به اسم متغیر دارد که این کار را برای ما آسان می‌کند.

متغیر(variable) چیست?

متغیر روشی از ذخیره سازی داده هاست به صورتی که بعدا بتوانیم از آنها استفاده کنیم، آنها را به کار ببریم و یا آنها را تغییر دهیم. برای مثال بازی پین بالی که با جاوا اسکریپت نوشته شده است را تصور کنید، در این بازی هدف رسیدن به امتیاز بالاتر است. وقتی یک بازیکن بازی را شروع می‌کند امتیاز او صفر است و با زدن اهداف کم کم امتیاز او افزایش می یابد.

یک بازی که از متغیر برای نمایش امتیاز استفاده میکند

در مثال بالا امتیاز نوعی متغیر است که با مقدار صفر شروع می شود و در طول برنامه تغییر می‌کند- به عبارت دیگر- متغیر اطلاعاتی را در خود نگه می دارد که می تواند در طول اجرای برنامه تغییر کند. تصویر بالا بازی پینبال را نمایش می‌دهد که از متغیر برای نمایش امتیاز استفاده می کند.برای درک بهتر متغیر را می‌توان به صورت یک سبد در نظر گرفت : شما می تواند یک آیتم را در سبد بگذارید ، به محتویات آن نگاهی بیندازید، چند آیتم را از آن بیرون بکشید و یا کلا محتویات آن را عوض کنید . در تمامی این حالت ها نه خود سبد بلکه محتویات آن تغییر می کند.

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

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

در جاوا اسکریپت برای ساخت متغیری با نام امتیاز (score) مانند زیر عمل می کنیم

var score; 

کلمه var یه کلمه کلیدی در جاوا اسکریپت است که یک متغیر را ایجاد و یا در اصطلاح برنامه نویسی یک متغیر را تعریف می‌کند. قسمت دوم کد score نام متغیر است که به وسیله آن ما به متغیر دسترسی داریم. و در انتها هم مانند همه دستورات جاوا اسکریپت یک سیمی کالن ; قرار می‌دهیم

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

انتخاب نام متغیر به عهده شماست و شما میتوانید از هر نامی در تعریف متغیر استفاده کنید البته چند قانون ساده وجود دارد که باید در نام گذاری متغیرها از آنها پیروی کنید.

اینفو گرافیک قوانین نام گذاری متغیرها در جاوا اسکریپت

1- نام متغیر حتما باید با کاراکترهای انگلیسی، علامت دلار “$” و یا زیر خط”_” شروع شود

به عبارت دیگر شما نمی توانید نام متغیر را با عدد یا سایر کاراکترها و نمادها شروع کنید برای مثال نام های 1score ، &score اشتباه و نام های score123 ، $score  و score_ صحیح هستند.

2-نام متغیر فقط می‌تواند شامل حروف،اعداد، علامت دلار و زیر خط باشند

برای مثال شما نمی توانید از فاصله، و یا هر کاراکتر ویژه دیگری در نام متغیر استفاده کنید.

3- نام متغیرها حساس به بزرگی و کوچکی حروف هستند

بدین معنی که مفسر جاوا اسکریپت نام متغیرهای یکسان با حرف بزرگ و کوچک را مجزا در نظر می‌گیرد برای مثال Score با SCORE و score سه متغیر متفاوت هستند.

4- نام متغیر نباید کلمه کلیدی باشد

کلمات کلیدی مجموعه کلماتی هستند که توسط زبان برنامه نویسی و مرورگر رزرو شده اند و شما نمی توانید از آنها برای نام متغیر استفاده کنید. 

اگر از کلمات کلیدی برای نام متغیر استفاده کنید، برنامه شما با خطا مواجه خواهد شد. در جدول زیر لیست کاملی از کلمات کلیدی جاوا اسکریپت قرار داده شده است، البته بعضی از مرورگرها تعدادی از آنها را به عنوان نام متغیر قبول می کنند اما بهتر است شما از آنها در هیچ شرایطی استفاده نکنید.

کلمات کلیدی جاوا اسکریپترزرو شده برای آیندهرزرو شده برای مرورگر
breakabstractalert
casebooleanblur
catchbyteclosed
continuechardocument
debuggerclassfocus
defaultconstframes
deletedoublehistory
doenuminnerHeight
elseexportinnerWidth
falseextendslength
finallyfinallocation
forfloatnavigator
functiongotoopen
ifimplementsouterHeight
inimportouterWidth
instanceofintparent
newinterfacescreen
nullletscreenX
returnlongscreenY
switchnativestatusbar
thispackagewindow
throwprivate
trueprotected
trypublic
typeofshort
varsuper
voidsynchronized
whilethrows
withtransient
volatile
volatile
static
جدول کلمات کلیدی جاوا اسکریپت

نام گذاری متغیرها و خوانایی برنامه 

علاوه بر قوانین گفته شده شما باید در نامگذاری متغیرها نکاتی را برای خوانایی و با معنایی بیشتر برنامه رعایت کنید تا کد خروجی شما واضح، خوانا و زیبا باشد.

  • از کلمات با معنی در نامگذاری استفاده کنید.
  • نام متغیر با توجه به محتویات آن انتخاب شود.
  • از نام های خیلی کوتاه استفاده نکنید.
  • از چند کلمه برای توصیف متغیر استفاده کنید
  • در صورت استفاده از چند کلمه آنها را با زیر خط یا حروف بزرگ اول هر کلمه از هم جدا کنید.
  • در صورت استفاده از چند کلمه سعی کنید صفات را قبل از اسامی قرار دهید

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

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

بعد از تعریف متغیر شما می‌توانید هر نوع داده ای را که بخواهید در آن قرار دهید. برای انجام این‌کار باید از علامت = استفاده کنید. برای مثال برای ذخیره مقدار صفر یا عدد 0 در متغیر score باید از روش زیر استفاده کنید.

var score; 
score = 0; 

خط اول این برنامه یک متغیر با نام score تعریف می‌کند. در خط بعدی عدد صفر را در متغیر ذخیره می‌کنیم. علامت مساوی “=” یک عملگر انتساب است که یک مقدار در سمت راست خود را در یک متغیر در سمت چپ خود قرار می‌دهد. همچنین شما می توانید هم تعریف متغیر و هم دستور انتساب مقدار به ان را با هم در یک خط مانند کد زیر انجام دهید.

var score = 0;  

شما می‌توانید انواع داده مختلف را در متغیرها ذخیره کنید

 var firstName = 'Peter';
 var lastName = 'Parker';
 var age = 22;
 var isSuperHero = true; 

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

var x, y, z;
var isSuperHero=true, isAfraidOfHeights=false; 

بعد از ذخیره مقدار در متغیر شما می توانید به سادگی با استفاده از نام متغیر به آن دسترسی پیدا کنید. در واقع هرکجا که به مقدار درون متغیر نیاز داشتید کافی است نام متغیر را قرار دهید. برای مثال برای نمایش محتوای متغیر score در یک پیغام کافی است مانند زیر متغیر score را در داخل تابع ()alert قرار دهید

alert(score); 

البته به این نکته دقت کنید که در تابع alert نباید نام متغیر را در کوتیشن قرار دهید. اگر متغیر را در کوتیشن قرار دهیم در خروجی عبارت score نمایش داده می شود و نه محتوای متغیر.

نکته ای مهم‌تر اینکه شما باید فقط یک بار و آن هم در تعریف متغیر از کلمه کلیدی var استفاده کنید و در سایر مراحل چه هنگام مقدار دهی و چه هنگام استفاده از متغیر از کلمه var نباید استفاده کنید.

در این درس به تفصیل در مورد متغیرها، شیوه معرفی، مقدار دهی و استفاده از آنها سخن به میان آمد در درس بعدی: کار با متغیرها، بیشتر با آنها آشنا خواهید شد.

درس بعدیموضوع این درسدرس قبلی
به کار بردن داده ها و متغیر هامتغیرها در جاوا اسکریپت انواع داده در جاوا اسکریپت

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *