متغیرها در javascript

آموزش javascript
آموزش جاوااسکریپت و طراحی سایت

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

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

تعریف متغیرها در javascript

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

قبل از استفاد از متغیرها نیاز هست که ابتدا ما آن ها را تعریف کنیم ، متغیرها در زبان جاوا اسکریپت با کلیدواژه ی “var”  تعریف می‌شوند.

در مثال  زیر x و y و z هر کدام به صورت جدا یک متغیر محسوب می‌شوند:

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

در این مثال :

عدد 5 در متغیر x ذخیره می‌شود.

عدد 6در متغیر  y ذخیره می‌شود .

عدد 11در متغیر z ذخیره می‌شود.

متغیرها رو به این شکل در یک خط هم میشه تعریف کرد:

<script type="text/javascript">
   <!--
      var money, name;
   //-->
</script>

به ذخیره کردن داده ها در متغیر مقدار دهی اولیه نیز می‌گویند.

شما می‌توانید این مقداردهی اولیه را هنگام ایجاد متغیر مشخص کنید و یا زمانی که به آن نیاز دارید ، به مثال زیر توجه کنید:

<script type="text/javascript">
   <!--
      var name = "Ali";
      var money;
      money = 2000.50;
   //-->
</script>

توجهبرای تعریف هر متغیر فقط یک بار می‌توانیم از کلیدواژهی “var ”  استفاده کنیم یعنی اگر یک متغیر مثل name در مثال بالا ، را تعریف کردیم اگر در ادامه کدنویسی هم قصد داشته باشیم از  متغیر name استفاده کنیم دیگه نیازی به تعریفش نیست.

untype language چیست

گفتن این نکته هم لازم و ضروری هست که به زبان جاوااسکریپت اصطلاحا (untype language) نیز می‌گویند؛ به این معنی که برای ذخیره داده ها از هر نوعی (با انواع داده ها در آموزش های آینده آشنا خواهیم شد ) در یک متغیر از کلید واژه “var” استفاده می‌کنیم. برخلاف دیگر زبان های برنامه نویسی نیازی نیست که نوع متغیر را به متناسب نوع داده تغییر دهیم بلکه اگر نوع یک متغیر در ادامه برنامه تغییر کند جاوااسکریپت به صورت خودکار آن را درخود ذخیره می‌کند.

 

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

  • نام متغیرها نمی توانند با اعداد شروع شوند.
  • نام متغیر حتما باید یا یک حرف و یا “_”(underline) شروع شوند.
  • جاوااسکریپت به حروف بزرگ و کوچک حساس هست.(توضیح بیشتر دوره آموزش جاوااسکریپت-قسمت چهارم )
  • نام متغیرها نمی توانند از کلمات کلیدی جاوا اسکریپت باشند مثل break  یا Boolean

کلمات کلیدی جاوا اسکریپت

کلمات کلیدی شامل نام ساختارهای شرطی ، توابع و … است.

abstract else instanceof switch
boolean enum int synchronized
break export interface this
byte extends long throw
case false native throws
catch final new transient
char finally null true
class float package try
const for private typeof
continue function protected var
debugger goto public void
default if return volatile
delete implements short while
do import static with
double in super

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

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

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

1-متغیرهای سراسری (Global variables):

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

2-متغیرهای محلی(Local Variables) :

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

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

<html>
   <body onload = checkscope();>
      <script type = "text/javascript">
         <!--
            var myVar = "global"; //  global variable
            function checkscope( ) {
               var myVar = "local";  //  local variable
               document.write(myVar);
            }
         //-->
      </script>
   </body>
</html>

شما به قسمت های دیگه تیکه کد بالا خیلی دقت نکنید انشالله به مرور به اونا هم میرسیم.

خوب این قسمت از آموزش هم به پایان رسید امیداروارم مفید باشه . اگر سوالی و نظری داشتید میتونید برای ما کامنت کنید.

موفق باشید.

فیلم آموزشی asp.net core 2

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

فیلم آموزشی asp.net core 2

2 نظر

2 پاسخ

  1. مثال آخر این درس برای یک تازه کار اصلا قابل درک نیست. من دقیقا درک نمیکنم منظورتون از این مثال چی بود و با اجرا کردنش دقیقا چه اتفاقی میوفته .
    راستی داشت یادم می رفت ….
    منو این همه خوشبختی محاله 🙂
    واقعا بهتر از شما پیدا نمیشه !

    1. سلام وقت بخیر
      برای همین داخل متن پایین مثال نوشتیم که به قسمت های دیگه مثال توجه زیاد نکنید چون در ادامه مقاله ها بیشتر دربارش حرف میزنیم.

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

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=