آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

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

دوره های مرتبط با این مقاله

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

Variables / متغیرها ظرف هایی برای ذخیره ی مقادیر داده ها (data values) محسوب می شوند.
در این مثال x، y و z هر سه متغیر هستند.

مثال:
var x = 5;
      var y = 6;
      var z = x + y;
      document.getElementById("demo").innerHTML = z;

از مثال بالا می توانیم نتیجه بگیریم.
X مقدار 5 را درخود ذخیره می کند.
Y مقدار 6 را ذخیره می کند.
Z مقدار 11 را نگه می دارد.
در این مثال price1، price2 و total هر سه متغیر هستند.

مثال:
< script >
    var price1 = 5;
    var price2 = 6;
    var total = price1 + price2;
    document.getElementById("demo").innerHTML =
    "The total is: " + total;
< /script >

در برنامه نویسی، درست مثل جبر، برنامه نویس به منظور ذخیره سازی مقادیر از متغیرها استفاده می کند (مانند price1 که مقدار 5 را نگه می دارد).
در برنامه نویسی، مانند جبر، متغییرها را در عبارات (expression) بکار می بریم (total = price1 + price2).
از مثال بالا می توان حاصل متغیر سوم را محاسبه کرد که 11 می باشد.

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

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

  1. در اسامی متغیرها می توان از حروف، اعداد، خط های زیرین (underscore_) و همچنین علامت دلار استفاده کرد.
  2. اسم متغیر حتماً باید با یک حرف آغاز شود.
  3. اسم همچنین می تواند با علامت های $ و _ آغاز شود.
  4. اسامی متغیرها به کوچک و بزرگی حروف حساس هستند.(به عنوان مثال y و Y با هم تفاوت دارند)
  5. کلمات رزرو یا ذخیره شده (reserved words) مانند کلید واژه های جاوا اسکریپت را نمی توان به عنوان اسم بکار برد.
نکته:

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

عملگر جایگزین (Assignment Operator)

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

                        x = x + 5‎

اما همین نمونه در جاوا اسکریپت کاملاً استاندارد و متعارف تلقی می گردد : مقدار x + 5 را به x تخصیص می دهد.
(مقدار x + 5 را محاسبه کرده و نتیجه را در x قرار می دهد. مقدار x به اندازه ی 5 افزایش می یابد.
عملگر مساوی در جاوا اسکریپت اینگونه نوشته می شود : ==.

نوع داده در جاوا اسکریپت (data type)

متغیرها در جاوا اسکریپت قادر هستند مقادیر عددی و همچنین مبتنی بر نوشته مانند 100 و "John Doe" را در خود ذخیره کنند.
در برنامه نویسی، مقادیر مبتنی بر متن/ text values، رشته های متنی (text strings) خوانده می شوند.
جاوا اسکریپت می تواند نوع داده های مختلفی را پذیرفته و مدیریت کند، اما فعلاً به همان نوع های عددی و رشته ی بسنده می کنیم.
رشته (string) داخل علامت های " " یا ' ' قرار داده می شوند. اعداد بدون علامت نقل و قول نوشته می شوند.
در صورت قرار دادن علامت نقل و قول اطراف یک عدد، با آن به عنوان یک رشته ی متنی (text string) برخورد می شود.

مثال:
var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';

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

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

                        var carName; ‎

پس از تعریف، متغیر تهی است و هیچ مقداری ندارد.
به منظور تخصیص / assign یک مقدار به متغیر دلخواه کافی است از علامت = استفاده کنید.

                        carName = "Volvo";‎

همچنین می توان مقداردهی یک متغیر را هنگام تعریف آن انجام داد.

                        var carName = "Volvo";‎

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

مثال:
< script >
    var carName = "Volvo";
    document.getElementById("demo").innerHTML = carName;
< /script >

توجه:

توصیه می شود تمامی متغیرها را در ابتدای اسکریپت تعریف کنید.

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

این امکان وجود دارد که چندین متغیر را در یک دستور واحد ایجاد کنید.
کافی است دستور را با کلید واژه ی var آغاز کرده و متغیرها را با ویرگول از هم جدا کنید

< script >
    var person = "John Doe", carName = "Volvo", price = 200;
    document.getElementById("demo").innerHTML = carName;
< /script >

یک تعریف (declaration) همچنین می تواند چندین خط ادامه داشته باشد (پوشش داده یا دربرگیرد).

< script >
    var person = "John Doe",
    carName = "Volvo",
    price = 200;
    document.getElementById("demo").innerHTML = carName;
< /script >

Value = undefined

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

مثال:
< script >
    var carName;
    document.getElementById("demo").innerHTML = carName;
< /script >

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

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

مثال:
< script >
    var carName = "Volvo";
    var carName;
    document.getElementById("demo").innerHTML = carName;
< /script >

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

می توان در جاوا اسکریپ با متغیرها و به وسیله ی عملگرهای = و + محاسبات انجام داد.

مثال:
< script >
    var x = 5 + 2 + 3;
    document.getElementById("demo").innerHTML = x;
< /script >

همچنین می توان رشته ها را در محاسبه بکار برد، اما باید توجه داشته باشید که رشته ها به هم متصل یا الحاق می شوند.

مثال:
< script >
    var x = "John" + " " + "Doe";
    document.getElementById("demo").innerHTML = x;
< /script >

مثالی دیگر

< script >
    var x = "5" + 2 + 3;
    document.getElementById("demo").innerHTML = x;
< /script >
توجه:

در صورت افزودن عدد به رشته، باید توجه داشته باشید که عدد یک رشته محسوب می شود و از این رو به رشته الحاق می گردد (concatenation).

امیدواریم که این مطلب در مورد آموزش Jquery و JavaScript برایتان مفید و مناسب بوده باشد.
در صورت داشتن هر گونه سوال، پیشنهاد و یا انتقاد حتماً از قسمت نظرات در پایین صفحه آن را برای ما ارسال کنید.

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

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


مشاهده فیلم آموزشی
  • 5142
  •    1674
  • تاریخ ارسال :   1394/07/27

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .