درک متغیرها – انجمن DEV

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

متغیر چیست؟

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

خصوصیات کلیدی:

• نام: برچسبی که برای ارجاع به متغیر استفاده می شود (مثلاً age، username).
• ارزش: داده های اختصاص داده شده به متغیر (مثلاً 25، John Doe).
• تایپ کنید: نوع داده های ذخیره شده مانند عدد، رشته، بولی و غیره.

اعلان متغیرها

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

1. var

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

var message = "Hello world!";
console.log(message);

// Hello, world!

2. let

معرفی شده در ES6 (2015)، let دارای محدوده بلوکی است و برای اکثر مواردی که مقدار متغیر نیاز به تغییر دارد ترجیح داده می شود.
مثال:

let age = 30;
age = 31; // Updating the value
console.log(age); 

// 31

3. const

const همچنین دارای محدوده بلوکی است اما برای متغیرهایی استفاده می شود که مقادیر آنها نباید تغییر کند.
مثال:

const pi = 3.14;
// pi = 3.15; // TypeError: Assignment to constant variable
console.log(pi);

// 3.14

قوانین نامگذاری متغیرها

1. باید با یک نامه شروع شود، _، یا $(مثلا name، _id، $amount).
2. نمی توان با یک عدد شروع کرد.
3. حساس به حروف کوچک و بزرگ (مثلا Name و name متفاوت هستند).
4. نمی توان از کلمات کلیدی رزرو شده مانند استفاده کرد if، while، functionو غیره

مثال:

let firstName = "Alice";
let $price = 50;
let _discount = 10;
console.log(firstName, $price, _discount);

// Alice 50 10

انواع داده متغیرها

متغیرهای جاوا اسکریپت می توانند انواع مختلفی از داده ها را در خود نگه دارند:

1. انواع داده های اولیه

• شماره: به عنوان مثال 42، 3.14
• رشته: به عنوان مثال 'Hello'، "World"
• بولی: به عنوان مثال true، false
• تعریف نشده: متغیری اعلام شده اما مقداری به آن اختصاص داده نشده است.
• پوچ: نشان دهنده غیبت عمدی از هر ارزشی است.
• نماد: ارزش های منحصر به فرد و تغییرناپذیر.

مثال:

let score = 100; // Number
let name = "John"; // String
let isActive = true; // Boolean
let result; // Undefined
let emptyValue = null; // Null
console.log(score, name, isActive, result, emptyValue);

// 100 John true undefined null

2. انواع داده های پیچیده

• اشیاء: مجموعه‌ای از جفت‌های کلید-مقدار.
• آرایه ها: لیست های مرتب شده از مقادیر.

مثال:

let user = { name: "Alice", age: 25 }
let colors = ["red", "green", "blue"];
console.log(user, colors);

// {name: 'Alice', age: 25} ['red', 'green', 'blue']

محدوده متغیرها

1. دامنه جهانی: در هر جایی از کد قابل دسترسی است.
2. محدوده عملکرد: متغیرهای اعلام شده با var داخل یک تابع برای آن تابع تایید می شود.
3. Block Scope: متغیرهای اعلام شده با let یا const در بلوکی که در آن اعلام شده اند تأیید می شوند.

مثال:

function testScope() {
  var x = 10; // Function-scoped
  if (true) {
    let y = 20; // Block-scoped
    const z = 30; // Block-scoped
    console.log(x, y, z);

    // 10 20 30 
  }
  console.log(x);  // 10
  // console.log(y);  // Error: y is not defined
}
testScope();

بهترین شیوه ها

1. استفاده کنید const به طور پیش فرض؛ تغییر به let اگر ارزش باید تغییر کند.
2. از مصرف خودداری کنید var مگر اینکه برای کدهای قدیمی ضروری باشد.
3. نام متغیرهای معنی دار را انتخاب کنید (به عنوان مثال، userAge به جای x).
4. برای نامگذاری متغیرها از camelCase استفاده کنید.
5. هنگام اعلان متغیرها، آنها را مقدار دهی اولیه کنید.

مثال:

const maxScore = 100;
let currentScore = 75;
console.log(`You scored ${currentScore} out of ${maxScore}.`);

// You scored 75 out of 100.

نتیجه گیری

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

کد نویسی مبارک! 💫