متغیرها در جاوا اسکریپت
![متغیرها در جاوا اسکریپت](https://sabzlearn.ir/wp-content/uploads/2023/12/Variables-in-JavaScript.webp)
تو دنیای برنامهنویسی، متغیرها مثل یک سری جعبههای جادویی هستند که به برنامهها زندگی میدن. اونا به ما اجازه میدن اطلاعات رو ذخیره کنیم، تغییرشون بدیم و از اونا تو انجام محاسبات و عملیات مختلف استفاده کنیم. متغیرها در جاوا اسکریپت مثل یک جعبه جادویی، میتونند تو خودشون انواع مختلف داده ها رو نگه دارن، از عدد تا رشته و بولین.
فرض کنید دارید برنامهای مینویسید که میخواین دو عدد رو با هم ضرب کنید. میتونید دو جعبه جادویی درست کنید و بهشون نام “عدد اول” و “عدد دوم” بدید. بعد عدد اول رو توی یک جعبه بذارید و عدد دوم رو توی جعبه دیگه. بعد با استفاده از جادوی ضرب، نتیجه رو توی یک جعبه دیگه به نام “نتیجه” ذخیره کنید. خب، هر جعبه یه نام داره که باهاش بهش اشاره کنیم و مقادیر مورد نظر رو توش ذخیره کنیم.
اما متغیرها در جاوا اسکریپت خیلی بیشتر از این حرفا هستن. میتونیم مقادیر رو توی متغیرها تغییر بدیم. مثلاً یه متغیر رو میتونیم اولش به ۱۰ بدیم و بعدش به ۲۰ تغییرش بدیم. همچنین، میتونیم با استفاده از متغیرها شرطها رو در برنامهمون بسازیم و عملیاتهای منطقی رو انجام بدیم. به این ترتیب، متغیرها به ما اجازه میدن برنامههایی بنویسیم که با تغییر مقادیر متغیرها، خروجی و عملکرد برنامه تغییر کنه.
استفاده از Variables در جاوا اسکریپت یکی از اصلیترین و پایهایترین مفهومهای این زبون برنامهنویسیه. با استفاده ازشون میتونیم برنامههایی بنویسیم که بتونن عملیات پیچیدهتر و مدیریت دادههای مختلف رو انجام بدن.
حالا که با مفهوم متغیرها آشنا شدیم، آمادهای یه قدم برداری و از جادوی این جعبههای جذاب استفاده کنی تا برنامههای شگفتانگیزی بنویسی. با استفاده از متغیرها، میتونی به برنامهات زندگی ببخشی و اونا رو پویا و انعطافپذیر کنی. پس حالا آماده شو و همراه با من شروع کن به کد زدن.
نحوه تعریف و استفاده از متغیرها در جاوا اسکریپت
به دنیای جاوا اسکریپت و متغیرها خوش اومدی! اینجا من بهت میگم چطوری میتونی از متغیرها استفاده کنی و بهشون مقدار بدی. یه متغیر میتونه با var
یا let
تعریف بشه. که در ادامه باهم برسیشون میکنیم:
استفاده از var
برای تعریف یک متغیر با استفاده از var
، کافیه از کلمه کلیدی var
به همراه نام متغیر استفاده کنی و مقدار اولیه رو مشخص کنی. اگه از var
استفاده کنی، میتونی متغیرهات رو در همهی قسمتهای برنامه استفاده کنی. این متغیرها میتونن به راحتی تعریف و مقداردهی بشن. به عنوان مثال:
نحوه تعریف متغییر
var Variable name = Variable value ;
مثال:
var name = "ali"; var age = 25;
متغیرهای تعریف شده با var
قابلیت دسترسی در سراسر برنامه رو دارن، به این معنی که میتونید به اونا تو هر نقطهای از برنامه دسترسی داشته باشید. متغیرهای var
قابلیت اینو دارن که مجدداً تعریف و مقداردهی بشن.
استفاده از let
اگه از let استفاده کنی، متغیرهات فقط درون بلاک کدی که توش تعریف شدن قابل استفاده هستن. یعنی تا اونجایی که تو بلاک کد قرار داری میتونی ازشون استفاده کنی. اینم برای تعریف مجدد و مقداردهی دوباره کاربرد داره. برای تعریف یک متغیر با استفاده از let، نیازخ از کلمه کلیدی let
به همراه نام متغیر و مقدار اولیه استفاده میشود. به عنوان مثال:
Let نحوه تعریف متغییر با استفاده از
let name = "ali"; let age = 25;
متغیرهای تعریف شده با let
قابلیت دسترسی به محدوده بلاک (بلاک کد میان {}) رو دارن. به این معنی که محدوده دسترسی به این متغیرها فقط داخل بلاک مشخص شده هست و خارج از اون قابل دسترسی نیستن. همچنین، متغیرهای let
قابل تعریف مجدد و مقداردهی هستن.
حالا بعد از تعریف متغیرها، میتونی ازشون استفاده کنی. مثلاً مقادیر متغیرها رو میتونی نشون بدی، باهاشون عملیات ریاضی انجام بدی و در شرایط منطقی ازشون استفاده کنی.
نکات مهم در استفاده از متغیرها در جاوا اسکریپت: نامگذاری و قواعد
دستورات استفاده از متغیرها در جاوا اسکریپت خیلی کاربردی هستن ولی برای استفادهی بهتر و به خوبی در این زبان، به چند توصیه برای نامگذاری متغیرها نیاز داریم. حالا اینجا بهت میگم چیکار کنی تا خیلی بهتر بتونی از متغیرها استفاده کنی:
- نامهای خوب و معنادار
نامهایی رو برای متغیرها انتخاب کن که مفهوم خاصی داشته باشن. بهتره از نامهایی استفاده کنی که به راحتی بتونی بفهمی متغیر چه کاری انجام میده و چه نوع اطلاعاتی رو نگه میداره. به عنوان مثال، اگه میخوای یه متغیر برای نام یوزرها داشته باشی، میتونی از user_name
استفاده کنی.
- استفاده از camelCase
برای نامگذاری متغیرها بهتره از استاندارد camelCase استفاده کنی. در استاندارد camelCase، هر کلمه به جز اولین کلمه با حرف بزرگ شروع میشه و کلمات با استفاده از حروف بزرگ و خط فاصله جدا میشن. به عنوان مثال:
"myVariable", "userName", "numberOfStudents"
- اجتناب از کلمات کلیدی
نام متغیرها نباید با کلمات کلیدی جاوا اسکریپت تداخل داشته باشه. کلمات کلیدی کلمات خاصی هستن که دارای معنی خاصی در زبان هستن و برای انجام کارهای خاصی استفاده میشن. به عنوان مثال، نمیتونی یه متغیری رو با نام var
، let
، const
، if
و غیره تعریف کنی.
- توجه به قابلیت خواندن و نوشتن
نام متغیرها باید قابل خواندن و نوشتن باشه. از نامهایی که درست تلفظ نمیشن یا سخت و غیر قابل تشخیص هستن، بهتره خودداری کنی. به عنوان مثال، استفاده از l
به عنوان نام متغیر بدون ارزشه، زیرا در برخی جاها ممکنه با عدد 1 اشتباه گرفته بشه.
- استفاده از نمادها
میتونی از نمادهای خاصی مثل زیرخط _
یا نماد دلار $
در نام متغیرها استفاده کنی. این نمادها بهت کمک میکنن که نام متغیرها رو قابل خواندنتر و قابل تشخیصتر کنن. به عنوان مثال، میتونی از _count
یا $total
استفاده کنی.
انواع متغیرها در جاوا اسکریپت
تو JavaScript انواع مختلفی از متغیرها وجود داره که میتونی برای ذخیره و مدیریت دادهها از اونا استفاده کنی. در ادامه انواع اصلی متغیرها تو جاوا اسکریپت رو بررسی میکنیم:
-
اعداد یا Numbers
اعداد تو جاوا اسکریپت با استفاده از نوع دادهای “عدد” یا number نمایش داده میشن. با استفاده از نوع داده “عدد” میتونی اعداد صحیح یا اعشاری رو نشون بدی. مثلاً سنت یا قیمتها رو میتونی با این نوع داده ذخیره کنی.
به عنوان مثال:
let age = 25; let price = 9.99;
-
رشتهها یا Strings
رشتهها تو جاوا اسکریپت با استفاده از نوع دادهای string نمایش داده میشن. رشتهها بین نقل قول تکی یا دوتایی قرار میگیرن. از نوع داده “رشته” برای نمایش متنها استفاده میشه. مثلاً اسم یا پیام رو میتونی با رشتهها نشون بدی.
به عنوان مثال:
let name = "ali"; let message = 'Hello, World!';
-
بولی یا Boolean
بولین در جاوا اسکریپت با استفاده از نوع دادهای Boolean نمایش داده میشه و مقادیر true یا false رو میتونن داشته باشند. این نوع داده برای نشون دادن وضعیتهای درست یا غلط استفاده میشه. مثلاً وقتی که میخوای ببینی کاربر لاگین شده یا فعال هست یا نه.
به عنوان مثال:
let isLogged = true; let isActive = false;
-
آرایهها یا Arrays
آرایهها در جاوا اسکریپت یک مجموعه از مقادیر با نوع دلخواه هستن. آرایهها با استفاده از براکت مربعی ([ ]) و جداکننده کاما نمایش داده میشن. با استفاده از آرایهها میتونی مجموعهای از مقادیر رو با نوع دلخواه داشته باشی. معمولاً از این نوع برای ذخیره مجموعهای از عناصر مشابه استفاده میشه.
به عنوان مثال:
let numbers = [1, 2, 3, 4, 5]; let fruits = ["apple", "banana", "orange"];
-
شیء یا Object
شیءها در جاوا اسکریپت یک مجموعه از ویژگیها و مقادیر مربوط به یک موجودیت هستن. شیءها با استفاده از جفت کلید و مقدار یا key-value تعریف میشن و دسترسی به ویژگیها با استفاده از نام اون کلید امکان پذیر هست. شیءها به توصیف یک موجودیت از طریق ویژگیها و مقادیرشون کمک میکنن. میتونی ویژگیها و مقادیر مربوط به یک شیء رو با استفاده از جفت کلید و مقدار تعیین کنی.
به عنوان مثال:
let person = { name: "sara", age: 30, city: "New York"};
-
نامعلوم یا Undefined و تهی یا Null
اگر یک متغیر تعریف شده باشه اما به اون مقداری اختصاص ندید، مقدار اون نامعلوم یا undefined خواهد بود. در صورتی که اگر یه متغیر رو به مقدار تهی یا null تنظیم کنید، به این معنی هست که مقدار اون خالیه. در واقع وقتی یه متغیر رو تعریف میکنی ولی بهش هیچ مقداری نمیدی، مقدارش نامعلوم میشه. اما اگه یک متغیر رو به مقدار تهی تنظیم کنی، یعنی مقدارش خالیه.
به عنوان مثال:
let undefinedVariable; let nullVariable = null;
اینها فقط برخی از انواع متغیرها تو جاوا اسکریپت هستن. جاوا اسکریپت به عنوان یک زبان برنامهنویسی داینامیک، اجازه میده تا متغیرها در طول اجرای برنامه، نوع خودشون رو هم تغییر بدن.
مدیریت مقادیر متغیرها در JavaScript: انتساب، تغییر و حذف
تو جاوا اسکریپت میتونی مقادیر متغیرها رو عوض کنی، حذفشون کنی و حتی مقدار جدید بهشون بدی. اول از همه برای اینکه یه مقدار رو به یه متغیر انتساب بدی، از علامت =
استفاده میکنی. مثلاً:
یه متغیر تعریف کنیم:
let x;
بهش مقدار ۵ بدیم:
x = 5;
میتونیم همزمان یه مقدار بهش بدیم:
let y = 10;
حالا اگه بخوای مقدار یه متغیر رو عوض کنی، میتونی بهش یه مقدار جدید رو انتساب بدی. مثلاً:
let x = 5;
برای خروجی گرفتن:
console.log(x);
خروجی:
5
تعریف مقدار جدید و خروجی گرفتن:
x = 10; console.log(x);
وقتی یه متغیر رو حذف میکنی، میتونی از کلیدواژه delete استفاده کنی. این کار متغیر رو از حافظه پاک میکنه. مثلاً:
let x = 5; console.log(x); delete x; console.log(x);
خروجی:
undefined
باید بگم که این قابلیت حذف متغیرهایی که با var
تعریف شدن، کار نمیکنه. فقط برای متغیرهایی که با let
یا const
تعریف شدن میشه استفاده کرد.
با استفاده از عملگرهای ریاضی و منطقی هم میتونی مقادیر متغیرهارو تغییر بدی. مثلاً میتونی با اضافه کردن یه عددی به متغیر، مقدارش رو تغییر بدی. همچنین با استفاده از عملگر منطقی !
میتونی مقدار منطقی یه متغیر رو عوض کنی. مثالهای زیر رو ببین:
let x = 5; x = x + 2; // مقدار رو با اضافه کردن ۲ تغییر میدیم console.log(x); // خروجی: ۷ let y = true; y = !y; // مقدار منطقی رو با استفاده از عملگر "!" عوض میکنیم console.log(y); // :خروجی false
با استفاده از این قابلیتها، میتونی مقادیر متغیرها رو به دلخواه تغییر بدی و حتی با حذف متغیرها، حافظه رو بهینه کنی.
متغیرهای لوکال و گلوبال در JS
تو جاوا اسکریپت، متغیرها میتونن به دو دسته تقسیم بشن: متغیرهای لوکال و متغیرهای گلوبال. الان یکم بهت توضیح میدم که هر کدوم چیه و چطور کار میکنن.
متغیرهای لوکال
اینا متغیرهایی هستن که داخل بخش خاصی از کد تعریف میشن، مثل یه تابع یا یه حلقه. این متغیرها فقط داخل اون بخش کد قابل دسترسی هستن و دیگه جاهای دیگه نمیشه ازشون استفاده کرد. مثلاً:
function myFunction() { // متغیر لوکال let localVar = 10; // نشون میده مقدار متغیر لوکال رو console.log(localVar); } myFunction(); console.log(localVar); // ارور! متغیر لوکال قابل دسترسی نیست
متغیرهای گلوبال
اینا متغیرهایی هستن که بیرون از بخشهای کد و در سطح بالاتر از توابع تعریف میشن. این متغیرها داخل کل برنامه قابل دسترسی هستن و میتونی تو هر قسمتی از برنامه ازشون استفاده کنی. مثلاً:
let globalVar = 20; // متغیر گلوبال function myFunction() { console.log(globalVar); // نشون میده مقدار متغیر گلوبال } myFunction(); console.log(globalVar); // نشون میده مقدار متغیر گلوبال
یکم توجه کن، اگه یه متغیر لوکال و یه متغیر گلوبال با همون نام تعریف بشن، متغیر لوکال اولویت بیشتری داره ولی مقدارش فقط داخل بخش مربوطه قابل دسترسیه. برای دسترسی به متغیرهای گلوبال توی یه بخش کد محدود مثل توابع، میتونی از کلمه کلیدی window یا this استفاده کنی.
تبدیل نوع داده متغیرها در جاوا اسکریپت
تو جاوا اسکریپت، شما میتونید از توابع مختلفی برای تبدیل نوع داده تو متغیرها استفاده کنید. در ادامه، چند مثال از توابع تبدیل نوع داده رو میتونید ببینید:
اگه میخوای یه مقدار رو به عدد تبدیل کنی، از تابع Number() استفاده کن. این تابع مقدار رو به صورت عددی تغییر میده.
مثال:
let strNumber = "123"; let num = Number(strNumber); console.log(num); // خروجی: 123 console.log(typeof num); // خروجی " number "
حالا اگه میخوای یه مقدار رو به رشته تبدیل کنی، از تابع ()String استفاده کن.
مثال:
let num = 123; let strNumber = String(num); console.log(strNumber); // خروجی: "123" console.log(typeof strNumber); // خروجی "string"
اگه میخوای یه مقدار رو به مقدار بولین یعنی true/false تبدیل کنی، از تابع ()Boolean استفاده کن.
مثال:
let num = 0; let boolValue = Boolean(num); console.log(boolValue); // :خروجی false console.log(typeof boolValue); // :خروجی"boolean"
همچنین، عملگر +
رو هم میتونی استفاده کنی تا یه مقدار رو به رشته تبدیل کنی و عملگر -
رو هم میتونی استفاده کنی تا یه مقدار رو به عدد تبدیل کنی. مثال زیر رو ببین:
let strNumber = "123"; let num = +strNumber; console.log(num); // خروجی: 123 console.log(typeof num); // خروجی " : number"
یادت باشه که تغییر نوع داده ممکنه باعث تغییر مقدار یا نوع دادهها بشه، پس اگه نیاز باشه، مطمئن شو که تبدیل نوع دادهها درست انجام بشه و مقادیر به درستی تغییر کنن.
ثابت ها یا const در جاوا اسکریپت
تو جاوا اسکریپت میتونی از const استفاده کنی تا یه ثابت یا constant تعریف کنی. این یعنی که یه بار یه مقدار بهش انتساب بدی، نمیتونی بعداً اون مقدار رو تغییر بدی
مثلاً:
const PI = 3.14159; console.log(PI); // خروجی: 3.14159 PI = 3.14; // اینجا خطا میده! نمیتونی مقدار یه ثابت رو عوض کنی
تو این مثال، ما یه ثابت به اسم PI تعریف کردیم و بهش مقدار 3.14159 دادیم. بعداً اگه تلاش کنیم مقدار PI رو به 3.14 تغییر بدیم، خطا میگیریم، چون ثابتها قابل تغییر نیستن.
مهمه که بدونی که تعریف یه ثابت باید همراه با انتساب اولیه صورت بگیره و نمیتونی یه ثابت رو بدون انتساب مقدار اولیهاش تعریف کنی. همه چیزمون باید وقتی برنامه اجرا میشه، مقدار ثابت رو مشخص کنیم و نمیتونیم تو اجرای برنامه مقدار ثابت رو عوض کنیم.
استفاده از ثابتها خیلی مفیده، چون اطمینان میده که یه مقدار توی اجرای برنامه تغییر نمیکنه و خطاهای ناخواسته رو جلوگیری میکنه. همچنین، استفاده از ثابتها باعث میشه کدتون قابل فهمتر و نگهداریش راحتتر باشه، چون مشخص میکنه که یه متغیر قراره تو اجرای برنامه تغییر نکنه.
چطور میتونم جاوا اسکریپت رو سریعتر یاد بگیرم؟
متغیرها در جاوا اسکریپت قدرت بزرگی دارن. با استفاده از متغیرها، میتونیم اطلاعات رو ذخیره کنیم و در طول اجرای برنامه، اونا رو تغییر بدیم. با استفاده از توابع تبدیل نوع داده، میتونیم نوع داده متغیرها رو تغییر بدیم. مثلاً، میتونیم یه عدد رو به رشته تبدیل کنیم یا برعکس.
با استفاده از متغیرها و توابع تبدیل نوع داده، میتونیم برنامههای پویا و انعطافپذیری بنویسیم که با شرایط مختلف سازگاری داشته باشن. طراحی برنامهها با استفاده از متغیرها، یکی از جذابترین جنبههای برنامهنویسیه که به برنامهنویسا اجازه میده خلاقیتشون رو به اوج برسونن.
اگه دوست داری جاوا اسکریپت رو با سرعت بیشتری یاد بگیری، حتما نیاز به یه استاد باحال و باتجربه رو حس کردی که بتونه راهنماییت کنه. اگه برای حل کردن این مشکل دنبال یه آموزش خوب و پشتیبانی ۲۴ ساعته هستی که نیازات رو برطرف کنه، سری به دوره جاوا اسکریپت مقدماتی تا پیشرفته سبزلرن بزن. این دوره کاملا رایگانه و میتونی مثل بقیه دانشجوهایی که بهش پنج ستاره دادن ازش استفاده کنی و با سرعت بیشتری یه برنامه نویس حرفهای بشی. پس این فرصت رو از دست نده و سریعتر شروع کن.
پیشنهاد مطالعه
![بهترین ترکیب رنگ برای طراحی سایت چیست؟](https://sabzlearn.ir/wp-content/uploads/2024/08/shakhes-2.webp)
![DevOps چیست؟](https://sabzlearn.ir/wp-content/uploads/2024/07/shakhes-1.webp)
خیلی مفید بود ممنون
🙏❤️