متغیرها در جاوااسکریپت (Variables) - قسمت ۴

آموزش رایگان جاوااسکریپت

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

متغیر چیست؟

متغیر (Variable)  یک بخش از حافظه است که یک اسم برای آن در نظر میگیریم و اطلاعاتی را در آن بخش از حافظه قرار می دهیم. برای دسترسی به اطلاعات قرار گرفته در آن بخش از حافظه، تنها کافی است تا نام آن بخش از حافظه (نام متغیر) را فراخوانی کنیم. برای اختصاص دادن مقدار به متغیر از علامت مساوی ( = ) استفاده میکنیم.

از متغیر ها برای ذخیره سازی مقادیر و داده استفاده میشود.

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

برای تعریف یک متغیر در جاوا اسکریپت از یکی از کلمات Var , Let , Const استفاده میکنیم. بعد از آوردن کلمه ی کلیدی Var یا Let یا Const ما یک از بخش از حافظه را انتخاب کرده ایم. حالا باید یک نام برای این بخش از حافظه تنظیم کنیم. در نامگذاری متغیر ها در جاوا اسکریپت باید به نکات زیر توجه کنیم:

• نام متغیر ها تنها میتواند شامل حروف انگلیسی، اعداد انگلیسی، آندر اسکور (under score) و علامت $ باشد.
• نام متغیر ها در جاوا اسکریپت نباید با کارکتری بجز حروف انگلیسی شروع شود.
• نام متغیر ها در جاوااسکریپت میتواند با علامت های $ و _ شروع شوند، اما معمولا استفاده نمی شوند.
• در تعریف نام متغیر ها، زبان جاوا اسکریپت بر روی بزرگ و کوچک بودن حروف حساس است. به عنوان مثال G با g دو متغیر کاملا متفاوت هستند.
• در تعریف نام متغیر ها نمیتوان از کلمات کلیدی زبان جاوا اسکریپت استفاده کرد.

همانطور که در بالا گفته شد برای تعریف متغیرها در جاوااسکریپت از کلمات کلیدی Var , Const , Let استفاده میشود. در ادامه به این موضوع میپردازیم که تفاوت این ۳ کلمه برای تعریف متغیر چیست؟ و از هر کدام در کجا استفاده میشود.

انوع روش تعریف متغیر

تعریف متغیر با Var

کلمه کلیدی Var از زمان ابداع جاوا اسکریپت تا به امروز برای تعریف متغیر در جاوا اسکریپت استفاده میشده. اما به دلیل مشکلاتی که در محدوده متغیر ها ایجاد میکرد، از سال ۲۰۱۵ با اومدن اکما اسکریپت ۶ یا ES6 کلمه کلیدی Var منسوخ (deprecated) شده و کاربرد زیادی در برنامه های امروزی ندارد. درفریم ورک های محبوب مثل Angular , Vuejs و .. کلمه کلیدی Let جایگزین Var شده است.

Var در ورژن های جدید منسوخ شده است اما به این معنی نیست که ما از Var استفاده نمیکنیم

var grade;
grade = 20;

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

var grade = 20;

توجه داشته باشید که برای تعریف متغیر از نوع رشته (یا همون کلمه) باید متن مورد نظر را بین ” ” یا ‘ ‘ قرار دهیم.

// string
var name = &quotmegajs.com"
// OR
var name = 'megajs.com';

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

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

بعد از یادگیری توابع و حلقه ها و دستورات شرطی در یک مطلب جداگانه به محدوده متغیر ها (Variable Scope) میپردازیم و آنجا متوجه میشوید که ضعف Var در چیست و چرا Let و Const جایگزین شدند.
متغیر ها و مطالبی که در بالا گفته شد، همگی به صورت مطالبی هستند که به خاطر سپردن آنها شاید کار درستی نباشد و باید حین برنامه نویسی با جاوا اسکریپت تمامی روش های استفاده از آنها را یاد بگیرید. در روزهای بعدی از متغیر ها بیشتر استفاده خواهیم کرد.

منبع

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